javascript - 将单击的图像保存在 var 中并将其设置为随后显示的新 div 的背景 - 如何？

Question

所以，这是我的代码，用于一个学校元素 - 我对 jQuery 完全陌生，完全是自己学习的，所以我希望我没有搞砸太多。

$(document).ready(function(){
var img_amount = $(".lboximg").length;
$(".lboxmid").hide();
$(".lboxgrey").hide();

$(".lboximg").click(function(){
    //alert(img_amount);
    var lboxmid_bg = $(this).find(".lboximg");
    $(".lboxmid").css({
        "background-image" : lboxmid_bg
    });
    $(".lboxmid").show();
    $(".lboxgrey").show();
});
$(".lboxgrey").click(function(){
    $(".lboxmid").hide();
    $(".lboxgrey").hide();
});

});

计划是，单击时，单击的图像将保存在 var lboxmid_bg 中，然后该图像将成为类 lboxmid 的 div 的背景图像，单击时也会显示。我哪里出错了？

Answer 1

$(".lboximg").click(function(){
    var lboxmid_bg = $(this).attr('src');
    $(".lboxmid").css({
        "background-image" : 'url('+ lboxmid_bg +')'
    });
    $(".lboxmid").show();
    $(".lboxgrey").show();
});