javascript - 将点击的图片保存到var中，并将其设置为背景，然后显示新的div-怎么做？

所以，这是我的代码，是为学校的一个项目而写的——我对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中，然后它将成为div的背景图像，并显示在单击时的lboxmid类。我哪里做错了？

最佳答案

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