Question

我要做的是更改background-image的{{1}}，但前提是div网址与某个网址匹配。

这是HTML：

background-image

现在我试过的是这个：

<div class="test" style="background-image: url("/background1.png");">

我知道替换有效，因为如果我删除了第一行，它会为我更新所有背景图像，但我似乎无法让第一行工作。

Answer 1

你可以使用这样的东西

 var bg = $(".test").css('background-image');
 bg = bg.replace('url("','').replace('")','');


 if (bg === '/background1.png') {
    $('.test').css("background-image", "url(/background2.png)");
 }

示例小提琴：https://jsfiddle.net/bpv4Lggv/19/

Answer 2

.prop()可能会让你到达目的地。

http://www.w3schools.com/jquery/html_prop.asp

http://api.jquery.com/prop/

Answer 3

使用过滤器通过类测试获取所有div并匹配背景图像（url(/background1.png)）

var filtered = $('.test').filter(function(test){
  return $(test).css('background-image') === 'url(/background1.png)';
});
//change filtered DOM only, with the new image background
$(filtered).css("background-image", "url(/background2.png)"); }

如果Background-Image url =那么

3 个答案: