Как скопировать все img в div?

Question

[WingRS]

На сайте. есть область где выводится текст проекта, который ранее ввел пользователь. Хочу организовать popup слайдер. Сам попап и слайдер уже запилил, но вот только стоит вопрос в том как бы туда занести все картинки которые есть в этой области, а потом их занести в новый item для каждой картинки?
var $img= $('img').clone();
$('.item').html($img); - но нужно еще создавать item для каждой картинки. пока не имею понятия как сделать, может кто наводку дать?

Answer 1

[Юрий]

//допустим блок с картинками имеет класс .imgs-block,
//а блок, куда нужно скопировать изображение .imgs-block-popup

var imgsBlock = $('.imgs-block');
var imgsBlockPopup = $('.imgs-block-popup');

imgsBlock.find('img').each(function (i, el) {
  var newImg = $(el).clone();
  var item = $('<div class="item"></div>');
  item.append(newImg);
  imgsBlockPopup.append(item);
});

Answer 2

[Максим]

$(".primary").clone().appendTo(".container");

Answer 3

[akzhan]

var $img= $('<img />').clone();
// fill common img props
$('.item').each(function(index) {
  var $concreteImg = $img.clone();
  // set $concreteImg props
  $concreteImg.appendTo(this);
});