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

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

您可以使用该方法

创建新图像：

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

但是，如果您能够更准确地说明为什么要用img替换div以及用例是什么，那么可能会有更好的方法：-

您可以使用该方法

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

创建新图像：

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

但是，如果您能够更准确地说明为什么要用img替换div以及用例是什么，那么可能会有更好的方法：-

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

从：

.replaceWith方法从DOM中删除内容并插入新内容 只需一次呼叫，内容就可以就位

因此，实际上，这并不是像您在问题中所问的那样转换div，而是删除div并用新的img元素替换它。这应该和你预期的完全一样，但是如果没有一个更明确的问题，很难确定

这是一个让你开始的方法

从：

.replaceWith方法从DOM中删除内容并插入新内容 只需一次呼叫，内容就可以就位

因此，实际上，这并不是像您在问题中所问的那样转换div，而是删除div并用新的img元素替换它。这应该和你预期的完全一样，但是如果没有一个更明确的问题，很难确定

这里有一个让你开始的方法。

我的方法是

以div的innerHTML为例 创建图像标记并将其附加到div旁边 将div的innerHTML附加到image标记 从dom中删除div 如果您在尝试时遇到问题，请在此处发布您的代码。

我的方法是

以div的innerHTML为例 创建图像标记并将其附加到div旁边 将div的innerHTML附加到image标记 从dom中删除div

---

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

选择div并将其替换为img

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

---

选择div并将其替换为img

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

是的，你可以：

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

});

检查我的链接：

我的示例针对每个DIV标记。。。按您所需的方式更改代码。

是的，您可以：

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

});

//get it from somewhere
var imgSource;

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

检查我的链接：

---

我的示例针对每个DIV标记。。。按您所需的方式更改代码。

是的，有。现在，您试图解决这个问题的HTML&jQuery/JavaScript代码在哪里？你被困在哪里？可能是重复的是的，有。现在，您试图解决这个问题的HTML&jQuery/JavaScript代码在哪里？你被困在哪里了？可能是重复的看起来你在写答案的中途放弃了。。。显然，这是行不通的。看起来你只是在写答案的中途放弃了。。。显然，这是行不通的。

//get it from somewhere
var imgSource;

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