Question

假设我有一些元素，并且文件夹中也有一些图片。所以我想要做的就是准确地使用这个div并使用我作为来源的图片将其转换为img标签。

Answer 1

$("#yourDiv").replaceWith("<img src='yourImage.png' />");

来自jQuery docs：

.replaceWith（）方法从DOM中删除内容并插入新内容通过一次通话即可获得内容。

实际上，不是像你在问题中那样“转换”div，而是删除div并将其替换为新的img元素。哪个应该完全按照你的预期工作，但如果没有更明确的问题，很难说肯定。

这是一个example fiddle，可以帮助您入门。

Answer 2

是的，你可以：

$(function(){


$('div').each(function(){
   //TEST url used
    $img= $('<img>').attr('src','http://blog.irrashai.com/wp-content/uploads/2009/01/test-pilot.png');
    $(this).replaceWith($img);
});

});

检查我的链接：http://jsfiddle.net/R2XQp/

我的示例定位每个DIV标记...以您希望的方式更改代码。

Answer 3

您可以使用.replaceAll方法。

创建新图片：

var $image = $('<img/>').attr('src', 'path/to/my/image.png');
$($image).replaceAll('#selector-of-div');

但是，如果你能更清楚地说明为什么要用img替换div以及用例是什么，可能会有更好的方法： - ）

Answer 4

选择div并将其替换为img

$("#yourDIVid").replaceWith("<img/>",{src:'yourSource'});

jquery replaceWith

Answer 5

//get it from somewhere
var imgSource;

$('#yourDiv').replaceWith('<img src=")

Answer 6

我的方法是

拿div的innerHTML
创建图片代码并将其附加到div旁边
将div的innerHTML附加到图片标记
从dom中删除div

如果您尝试并遇到问题，请在此处发布您的代码。

有没有办法获取div并使用jquery将其转换为img标签？

6 个答案: