jquery - img を div jQuery に置き換えます

Question

画像をクラスに置き換えて、内部にテキストを含む div に置き換えたいのですが、どうすればよいですか?

<script>
$('img.vCSS_img_history_off').replaceWith('<div id="button">Turn History Off</div>');
</script>

コードが台無しになっていることは知っていますが、探しているものの絵を描くだけです。何か提案はありますか?

Answer 1

別の方法としてこれを使用することもできますが、他の親の子が消去されます (@Vide Simas が言ったように):

$(".myImage").parent().html('<div>hello</div>');

あなたが書いたものは良さそうですreplaceWidth。

エラーは別の場所にあるはずです

Answer 2

以下のコードは、クラス名「myImageClassName」の画像を「This is my div text」というテキストを含む div に置き換えます。

$('img.myImageClassName').replaceWith('<div>This is my div text</div>');

しかし、ええ、私は他の人に同意しなければなりません..あなたのコードはうまく見えます。

Answer 3

要素を検索する前に、DOM の準備が整っていることを確認する必要があります。

$(document).ready(function(){
    $('img.vCSS_img_history_off').replaceWith('<div id="button">Turn History Off</div>');
});

または、画像の後に必要なものを追加してから削除することもできます。

$(document).ready(function(){
    $("img").after("<div>Inserted div</div>").remove();
});

例。

詳細は.after() こちら、詳細は.remove() こちら。