如何使用JavaScript / jQuery更改第二个背景图像网址

Question

我有一个具有以下风格的元素：

.element {
    background: transparent url(backgroundimage1.png) no-repeat,
        transparent url(backgroundimage2.png) no-repeat;
}

是否可以在没有大量代码的情况下使用JavaScript或jQuery仅更改第二个后台URL？

Answer 1

是的，可以使用jQuery进行一些字符串操作。

var first_background = $(".element").css('background').split(',')[0];
var second_background = $(".element").css('background').split(',')[1];
var new_background = //add new background here.
$(".element").css('background', first_background + ',' + new_background);

你已经完成了。