jquery - 将 img 替换为 div jQuery

Question

我希望将带有类的图像替换为内部带有文本的 div，我该怎么做？

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

我知道代码搞砸了，但这只是为了描绘我正在寻找的东西，有什么建议吗？

Answer 1

在搜索 DOM 中的元素之前，您需要确保 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();
});

Example .

有关 .after() 的更多信息 here以及更多关于 .remove() here .