JQuery如果然后CSS背景改变

Question

基本上我需要一个背景图像来改变另一个正在显示。这仅适用于许多页面中的一页。这是我到目前为止所做的，但它没有用。

if ($('#container').css('background') === 'url("/images/container1.png") no-repeat') {
    $('#container').css('background','url("/images/container2.png") no-repeat');
}

我只能在一页的CSS中使用它。

由于

Answer 1

尝试使用＆＃39; background-image＆＃39;

if ($('#container').css('background-image') === 'url(/images/container1.png)'

您可能还需要在网址中添加/删除引号。

Answer 2

不是直接的答案，但我建议使用类名。保持直接比不断动态更新CSS更容易：

var $myContainer = $('#container');

if ($myContainer.hasClass('background1')) {
  $myContainer
    .removeClass('background1')
    .addClass('background2');
}

Answer 3

$("#container").each(function(){
var current = $(this);
if( current.css('background').indexOf('some/img/url/img.png') > -1 ) {
current.css('background', 'url(new/img/url/img.png)');
}
});