jQuery获取每个图像src属性并将其作为DIV背景放置

请帮助我使用jQuery代码

需要获取每个图像（img）属性并将其放置到div的背景中。 我已经有了这个，但它没有以正确的方式工作：

var $source = $("img").attr("src");
$('div').each(function () {
    $(this).css({
        'backgroundImage': 'url(' + $source + ')'
    });
});

请检查链接：

PS

在not解决方案中为每个图像添加特定的类，因为列表将非常大且动态。

尝试这样做

jQuery(document).ready(function ($) {
    $("img").each(function () {
        var $source = $(this).attr("src");
        $(this).next("div").css({
            'backgroundImage': 'url(' + $source + ')'
        });

    });
});

---

我就是这样做的。这样，无论大小，图像都将覆盖整个div

HTML:
<div class="imagebox"><img src="../img/picture.jpg"></div>

---

请添加一个特定的问题陈述——“它不工作”可以假设，但它如何不工作？什么错误信息或错误行为是特征？是。图像的src'this'属性变量需要在我相信的每个文件中创建。

CSS:
.hide { 
   opacity:0; 
}
.imagebox { 
   background-size: cover;  
   background-position: center;
}

CODE:
var imgurl = jQuery("img").attr("src"); // or specific jQuery(".imagebox img").attr("src");
var imgclass = "hide";
jQuery(".imagebox").css("background-image","url("+imgurl+")");
jQuery("img").addClass(imgclass);