javascript - 如何使用 JavaScript/jQuery 更改第二个背景图像 url

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);

大功告成。