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