jquery - 用 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>');

你写的看起来不错，我写了一个 jsfiddle 使用replaceWidth：http: //jsfiddle.net/ydZg5/

错误必须在其他地方

Answer 2

下面的代码将使用包含文本“这是我的 div 文本”的 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();
});

例子。

更多关于.after() 这里和更多关于.remove() 这里。