Jquery 从 "this" 中的元素创建变量

Question

我有 4 个块，每个块都有相同的包装纸 class。这些块中的每一个内部都有一个图像。我需要从每个块的 img 中提取 src，并将它们用作这些块的背景。

这是我的代码

$('.Home-Jump-Wrap').each(function() {
    var bannerImage = $(this).find(".Jump-Image img").attr("src");
    $(this).css("background-image", "url(" + bannerImage + ")");
    $(".Jump-Image").closest(".row-fluid-wrapper").remove();
});

现在这段代码有效，只是不是在每个块中应用每个 img 的 src（所有图像都不同），它只执行第一个。它从所有块中删除图像，但最后三个块的背景是空的。有什么想法吗？

Answer 1

问题可能出在您删除 .row-fluid-wrapper 元素的方式上。替换行

$(".Jump-Image").closest(".row-fluid-wrapper").remove();

到

$(this).find(".Jump-Image").closest(".row-fluid-wrapper").remove();

Answer 2

$(".Jump-Image") 从文档的根目录开始查找具有 "Jump-Image" class 的所有元素。尝试用这个替换您的 $(".Jump-Image").closest(".row-fluid-wrapper").remove();：

$(this).find(".Jump-Image").closest(".row-fluid-wrapper").remove();

Jquery 从 "this" 中的元素创建变量

Jquery making variables from elements inside of "this"

javascript

jquery

this