Javascript 使用jQuery更改背景图像

Javascript 使用jQuery更改背景图像,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用jQuery更改背景图像中的特定元素。我让它工作,但如果我把同一个命名元素,它复制了另一个元素的背景,并没有从自己的照片。不,我不能更改类名,它们必须相同 JS: 代码笔: 因此,代码将拍摄.photoset的第一张照片,并用它更改背景图像 谢谢 您需要告诉它在其子元素中查找第一张照片,而不是整个集合: $(".tumblr-photoset").each(function() { $(this).find(".photo-slideshow").css( "

我正在使用jQuery更改背景图像中的特定元素。我让它工作,但如果我把同一个命名元素,它复制了另一个元素的背景,并没有从自己的照片。不,我不能更改类名,它们必须相同

JS:

代码笔:

因此,代码将拍摄
.photoset
的第一张照片,并用它更改背景图像


谢谢

您需要告诉它在其子元素中查找第一张照片,而不是整个集合:

$(".tumblr-photoset").each(function() {
    $(this).find(".photo-slideshow").css(
        "background-image", 
        "url(" + $(this).find('.photo-slideshow img:first-child').attr('src') + ")"
    );
});
因此,
$(this).find(“.photo slideshow”)
是关键,
$(this)
是当前迭代的对象


请参见此处:

不确定是否需要每条语句

这就是你想要的吗

$(".photo-slideshow").css("background-image", "url(" + $(this, 'img:first-child').attr('src') + ")");
您需要在
照片幻灯片的范围内搜索

输出返回:

$(".photo-slideshow").css("background-image", "url(" + $(this, 'img:first-child').attr('src') + ")");