Jquery 获取所有图像并将其放入div中

我喜欢围绕文章中的所有图像创建一个div，通过示例：

img 1
img 2
img 3

结果必须是

<div id="allimg">
img 1
img 2
img 3
</div>

img 1
img 2
img 3

这里有一种方法：

$images = $('.articleWrapper img'); // get all the images into a jQuery object
$('#allimg').append($images.clone()); // add a copy of them to your div
$images.remove(); // remove the originals from the DOM

这里有一个方法：

$images = $('.articleWrapper img'); // get all the images into a jQuery object
$('#allimg').append($images.clone()); // add a copy of them to your div
$images.remove(); // remove the originals from the DOM

---

在不考虑页面布局的情况下：

var $i = $('img').first();             // Find the first image:
var $d = $('<div>').insertBefore($i);  // Create the new div before the first image
$('img').appendTo($d);                 // Move all images into `$d`

var$i=$（'img'）.first（）；//查找第一个图像：
var$d=$（''）.insertBefore（$i）；//在第一个映像之前创建新的div
$（'img'）。附加到（$d）；//将所有图像移动到“$d”中`

演示

---

编辑事实证明，这或多或少是

.wrapAll（）

的实现，而没有假设任何页面布局：

var $i = $('img').first();             // Find the first image:
var $d = $('<div>').insertBefore($i);  // Create the new div before the first image
$('img').appendTo($d);                 // Move all images into `$d`

var$i=$（'img'）.first（）；//查找第一个图像：
var$d=$（''）.insertBefore（$i）；//在第一个映像之前创建新的div
$（'img'）。附加到（$d）；//将所有图像移动到“$d”中`

演示

---

编辑事实证明，这或多或少是

.wrapAll（）

的实现，jQuery为您提供了非常有用的功能：

$('img').wrapAll('<div id="allImg"></div>');

$（'img'）.wrapAll（''）；

jQuery为您提供了非常有用的功能：

$('img').wrapAll('<div id="allImg"></div>');

$（'img'）.wrapAll（''）；

图像是否有特定的类别？图像将位于何处？如果图像之间有文本怎么办？更多地了解周围的标记和结构会得到更好的答案。图像是否有特定的类别？图像将位于何处？如果图像之间有文本怎么办？更多地了解周围的标记和结构会得到更好的答案。为什么要克隆它们？如果你只是附加它们，它们会被移动

$（“#allimg”）.append（“.articleWrapper img”）

也会做同样的事情（但是会更快，并且会维护附加到图像的所有事件和数据）。为什么要克隆它们？如果你只是附加它们，它们会被移动

$（'#allimg'）.append（'.articleWrapper img'）

也可以做同样的事情（但速度更快，并且可以维护附加到图像的所有事件和数据）.interest-我看到它似乎重新分配了所有已包装的元素，即使它们以前不是兄弟。interest-我看到它似乎重新分配了所有已包装的元素，即使它们以前不是兄弟。