Javascript jQuery获取每个元素的每个背景图像URL，并将其包装在href中

因此，我试图获取每个div的背景图像url，其中包含类“client”。从那里，我想把这个URL放到a href中，并环绕另一个元素，这样我就可以让它在一个灯箱中弹出

我已经做到了这一点，但它似乎只抓取了第一个url，然后将其应用于所有元素

// Make client rotator pop-up and get image url

jQuery(document).ready(function(){
jQuery('.client').each(function(index, el) {
   var bgurl =  $('.bg-cover').css('background-image');

    if(bgurl != 'none') {
        bgurl = bgurl.replace('url("','').replace('")','');
        jQuery('.client .flex_cell_inner').wrapInner('<a href="'+ bgurl +'" rel="lightbox"></a>');
    };
});
});

//弹出客户端旋转器并获取图像url
jQuery（文档）.ready（函数（）{
jQuery（'.client'）。每个（函数（索引，el）{
var bgurl=$（'.bg cover'）.css（'background-image'）；
如果（bgurl！=“无”）{
bgurl=bgurl.replace（'url（''，''）。replace（'''，''）；
jQuery（'.client.flex_cell_inner'）.wrapInner（''）；
};
});
});

---

这是该站点的URL。转到主页底部附近的“我们的客户”部分：

试试这个。如果您试图获取每个项目的背景图像，则应使用

$（this）

，它引用循环中的当前项目（在本例中，循环时每个

.client

div）。现在的方式是引用页面上每个

.client

div的集合

$(document).ready(function(){
  $('.bg-cover').each(function(index, el) {
    var bgurl = $(this).css('background-image');

    if (bgurl != 'none') {
      bgurl = bgurl.replace('url("','').replace('")','');
      $($('.client .flex_cell_inner')[index]).wrapInner('<a href="'+ bgurl +'" rel="lightbox"></a>');
    };
  });
});

$（文档）.ready（函数（）{
$（'.bg cover'）。每个（功能（索引，el）{
var bgurl=$（this.css（'background-image'）；
如果（bgurl！=“无”）{
bgurl=bgurl.replace（'url（''，''）。replace（'''，''）；
$（$（'.client.flex_cell_inner'）[index]）.wrapInner（''）；
};
});
});

试试这个。如果您试图获取每个项目的背景图像，则应使用

$（this）

，它引用循环中的当前项目（在本例中，循环时每个

.client

div）。现在的方式是引用页面上每个

.client

div的集合

$(document).ready(function(){
  $('.bg-cover').each(function(index, el) {
    var bgurl = $(this).css('background-image');

    if (bgurl != 'none') {
      bgurl = bgurl.replace('url("','').replace('")','');
      $($('.client .flex_cell_inner')[index]).wrapInner('<a href="'+ bgurl +'" rel="lightbox"></a>');
    };
  });
});

$（文档）.ready（函数（）{
$（'.bg cover'）。每个（功能（索引，el）{
var bgurl=$（this.css（'background-image'）；
如果（bgurl！=“无”）{
bgurl=bgurl.replace（'url（''，''）。replace（'''，''）；
$（$（'.client.flex_cell_inner'）[index]）.wrapInner（''）；
};
});
});
在每次迭代中，
bgurl
将是相同的，因为它始终是相同的选择器
。bg cover
如果有很多，它将总是第一次出现，您说您想要
客户端的背景图像。您可以使用$（this）在迭代中引用当前元素

var bgurl = $(this).css('background-image');

bgurl
在每次迭代中都是相同的，因为它始终是相同的选择器
。bg cover
如果有很多，它总是第一次出现，你说你想要
客户端的背景图像。你可以使用$（this）在迭代中引用当前元素

var bgurl = $(this).css('background-image');

使用$（this）.find（'.flex\u cell\u inner'）.wrapInner…使用$（this）.find（'.flex\u cell\u inner'）.wrapInner…当您说“第一个”时，您引用的确切div是什么？如果您确定页面上有多个
.client
div，则上述代码肯定会引用每个
.client
div的不同背景URL，并将其存储在
bgurl
中。这就是
$（this）
的工作原理就在你设置它的地方，看看它是否打印出正确的代码。我看，你的问题措辞错误。如果你想要每个
.bg封面的背景
，那么你需要使用我的代码并将
$（'.client'）
更改为
$（'.bg封面'）
我更改了我的答案，我刚刚更改了，我也更改了其他元素的背景，只是为了看看这是否与它有任何关系，但它仍然没有任何作用“第一个”您引用的确切div是什么？如果您确定页面上有多个
.client
div，上面的代码肯定会引用每个
.client
div的不同背景URL，并将其存储在
bgurl
中。这就是
$（此）
的工作方式。请尝试放置
console.log（bgurl）；
就在你设置它的地方，看看它是否打印出正确的答案。我看到，你的问题措辞错误。如果你想要每个
.bg封面的背景，那么你需要使用我的代码，并将
$（'.client'）
更改为
$（'.bg封面'））
我更改了答案我只是更改了，我还更改了其他元素的背景，只是想看看这是否与它有关，但它仍然没有任何关系。我的错误..我想要每个bg封面的url。我猜是相同的正确吗？我的错误..我想要每个bg封面的url。我猜是相同的正确吗？