Javascript 将所有图像放入DIV标记中

有没有一种方法可以使用javascript函数在所有图像中自动放置div标记

例如：

<div class="example"><img src="..."></div>

---

我知道您没有要求特定于jQuery的解决方案，但是如果使用jQuery是一种选择，那么有一个非常简单的答案-您可以使用：

$（'img'）。换行（“”）；

这将使用

class=“example”

将所有图像包装在

div

中

---

当然，这在普通JavaScript中也是可能的；循环遍历所有

img

元素，对每个节点进行克隆，创建一个新的

div

，将克隆附加到其中，在原始

img

元素之前或之后将

div

插入DOM，最后从DOM中删除原始的

img

元素。

我知道您没有要求特定于jQuery的解决方案，但是如果使用jQuery是一种选择，那么有一个非常简单的答案-您可以使用：

$（'img'）。换行（“”）；

这将使用

class=“example”

将所有图像包装在

div

中

---

当然，这在普通JavaScript中也是可能的；循环遍历所有

img

元素，并对每个节点进行克隆，创建一个新的

div

，将克隆附加到其中，在原始

img

元素之前或之后将

div

插入DOM，最后从DOM中删除原始

img

元素。

您想替换为什么，图像中的div标记？这是不可能的。或者你的意思是用div标签包装所有图像？@Evel如果你需要任何帮助，你必须更加具体。。示例或现有代码也可以帮助我们更好地理解。如果您将评论发回，请像我在这里通知我们一样使用

@

。您试图解决什么问题？从您上次的编辑听起来，Mathias answer就是您所需要的。您想替换为？图像中的div标记是什么意思？这是不可能的。或者你的意思是用div标签包装所有图像？@Evel如果你需要任何帮助，你必须更加具体。。示例或现有代码也可以帮助我们更好地理解。如果你回复评论，请像我在这里通知我们的那样使用

@

。你想解决什么问题？从你上次的编辑听起来，Mathias的答案就是你需要的。他要求在图像中放置

标记，而不是相反。（是的，我知道这是不可能的。请参阅问题的评论。）我正在尝试这个代码，但它不起作用，我需要把它放在一个函数中？@Tomalak：我想他没有。他提供的代码示例似乎非常清楚。@Evel:它必须放在

$（function（）{/*code here*/}）中

以确保它在DOM准备就绪时发生。另外，别忘了包括jQuery:）他要求在图像中放置

标记，而不是相反。（是的，我知道这是不可能的。请看问题的评论。）我尝试了这个代码，但它不起作用，我需要将它放在一个函数中？@Tomalak：我想他没有。他提供的代码示例似乎非常清楚。@Evel:它必须放在

$（function（）{/*code here*/}）中

以确保它在DOM准备就绪时发生。另外，不要忘记包括jQuery:）

$('img').wrap('<div class="example" />');