用div jQuery替换img

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编写了一个jsfiddle：http://jsfiddle.net/ydZg5/

错误必须在其他地方

Answer 2

下面的代码将使用包含文本“This is my div text”的div替换类名为“myImageClassName”的图像：

$('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();
});

Example

.after() here以及.remove() here上的更多内容。