javascript - 使用 jQuery 更改背景图像

Question

我正在使用 jQuery 更改特定元素的背景图像。我让它工作了，但是如果我放置相同的命名元素，它会从另一个元素复制背景并且不会从自身拍照。不，我不能更改类名，它们必须相同。

JS:

$(".tumblr-photoset").each(function() {
  $(".photo-slideshow").css("background-image", "url(" + $('.photo-slideshow img:first-child').attr('src') + ")");
});

编码:

http://codepen.io/aleksitappura/pen/xshvy

所以代码拍摄了 .photoset 的第一张照片，并用它更改了背景图像。

谢谢!

Answer 1

你需要告诉它在它的子元素中寻找第一张照片，而不是整个集合:

$(".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) 是当前迭代的对象。

参见此处:http://codepen.io/anon/pen/hnJwp