いつもお世話になっております。
<img src="" alt="">
の周りをjqueryを使ってhtmlで囲いたいのですが
$("img").before(<div class="container">);
$("img").after("<div class="hoge"></div></div>");
としたのですが結果は
<div class="container"></div>
<img src="" alt="">
とbeforeの時点で</div>が勝手に生成されて困ってます。
あとbefore,afterの中に「<script src="hogehoge"></script>」を入れたのですが
反応しませんでした。何とかして途中でjs読み込みを入れたいのですがどうすればよいでしょうか、、、
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
> 非同期で読み込まれた外部スクリプトからの document.write() の呼び出しは無視されました。
document.write を使うかぎり不可能です。
以下の方法で書き込みをすれば大丈夫なのでお勧めです
$('書き込みたいHTML').appendTo('#書き込みたい場所の親要素ID')
No.1
- 回答日時:
var img = $('img');
$('<div class=container><div class=hoge></div></div>') // 囲むHTMLを生成
.insertBefore(img) // <img> の前に挿入
.prepend(img) // <img> を内部に移動
.appned('<script src=hogehoge></scr'+'ipt>'); // スクリプトを追加
スクリプトを jQuery で追加する際は、'<script src=hogehoge></scr'+'ipt>' のようにしてください。
理由:
https://html.spec.whatwg.org/multipage/scripting …
何となく上手く行きそうです!!
あと1点、、Js外部読み込みですが
非同期で読み込まれた外部スクリプトからの document.write() の呼び出しは無視されました。
とエラーが出て外部Jsが読み込まれません、、、
何か良い方法はありますでしょうか。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- JavaScript htmlとcssに関する質問です 3 2022/12/06 05:36
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像マウスオーバーで、checkb...
-
jQueryで同じクラス名のものを...
-
jQueryで表示している所をsubm...
-
JavaScriptでの画像切り替えを...
-
Javascript初心者|jQueryの.va...
-
JavaScriptでサイコロのような...
-
MAX関数を使ってからLEFT JOIN...
-
Vb.net2005での画像の合成方法
-
c++std::string型をTCHARに変換...
-
HTMLからimgのsrcのみを正規表...
-
IplImageのBmp変換。
-
<div ~ </div> で囲まれたテキ...
-
IFRAMEの表示/非表示を切り替え...
-
jqueryのsortableで一部ソート...
-
動的にHTMLコンテンツを吹き出...
-
変数名をどのようにつけるのが...
-
jQueryでシンプルドラッグドロ...
-
プルダウンの位置がwin/macでず...
-
クリックで色変更後に既に変更...
-
JSPでの画像ファイル表示
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
デフォルト非表示にしたい。【t...
-
jQueryで同じクラス名のものを...
-
Colorboxがうまく設置できません
-
jQueryでのドラッグアンドドロ...
-
bxsliderで最初に縦に複数表示...
-
Javascript初心者|jQueryの.va...
-
画像マウスオーバーで、checkb...
-
アップロードファイルの種類に...
-
複数bxsliderをタブで切り替え...
-
JavaScriptでの画像切り替えを...
-
サムネイルにカーソルを合わせ...
-
時間差で画像を動作させたいjav...
-
マウスオーバーにて画像に虫眼...
-
「画像クリックで音声再生」を ...
-
JavaScriptでクレイアニメ。ち...
-
クリックでクリッカブルマップ...
-
JQueryでオープニングアニメー...
-
交互に入れ替わる画像を複数配置
-
JavaScript/CANVASでの画像読込...
-
VBAでIEを動かす場合、下記の①...
おすすめ情報