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

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

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

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