使用jquery更改div中的SPECIFIC背景图像

Question

我有一个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)");

是否可以仅定位第3张图片并进行更改？

Answer 1

试试这个， 假设你的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);