Как присвоить блоку родителю фон из src только своего потомка?

Question

[Полак Вершинский]

Если к примеру блок один то эта конструкция работает отлично :

<img src="url" width="240px" height="240px" alt="image" >

var so = $("img").attr("src");
$("img").wrap("<div class='elem' style='background:url(" + so + ");'></div>");

а вот если добавить две или больше картинки , то тогда уже на фон блока которым обернули теги img ставится в urlадрес из src первого изображения !
Вот пример проблемы : https://jsfiddle.net/9ut9d9ut/
Как можно исправить ситуацию ?

Answer 1

[TheRevan]

$('img').each(function(){
var so = $( this ).attr("src");
$(this).wrap("<div class='elem' style='background:url(" + so + ");'></div>");
})

Comments

[Полак Вершинский]

Thank you .. spent a long time ... but forgot about each ... many thanks

[Полак Вершинский]

Спасибо ..долго просидел ...но о each забыл ... огромное спасибо