获取所有图像并将它们放入div中

Question

我喜欢在文章中围绕所有图像创建一个div，例如：

img 1
img 2
img 3

结果必须

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

Answer 1

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

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

Answer 2

这是一种方式：

$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

Answer 3

不假设您的页面布局：

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`

http://jsfiddle.net/alnitak/54kQk/

演示

编辑结果证明这或多或少是.wrapAll()的实现。