javascript - 如果背景图像 url = 那么

Question

我想做的是更改 div 的 background-image，但前提是 background-image url 匹配某些网址。

这是 HTML:

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

现在我试过的是这样的:

if ($('.test').css('background-image') === 'url(/background1.png)') {
    $('.test').css("background-image", "url(/background2.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)");
 }

fiddle 示例:https://jsfiddle.net/bpv4Lggv/19/