Получить все изображения и поместить их в 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().