javascript - 使用jQuery更改div中的特定背景图像

我有一个div，其中有多个图像设置为背景。

background-image:
       url(/Content/frontend/images/left.png),
       url(/Content/frontend/images/right.png),
       url(http://IMAGE_I_WANT_TO_TARGET),
       linear-gradient($dark 0%, $light 100%);

如果我将div作为目标并更改背景图像，它将覆盖所有其他图像：

$(".div").css("background-image", "url(http://placehold.it/300?text=asdasd)");

是否可以仅将第三个图像作为目标并进行更改？

最佳答案

尝试这个，
假设您的div中有3张背景图片。

var images = $('.div').css('background-image'); // get all background images
var i = images.split(',');
var imageArray = [];
imageArray = imageArray.concat(i);
imageArray[2] = 'url(4th-image.jpg)'; // set your new image
$('.div').css('background-image',imageArray);