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

Question

I have a div which has more than one image set as a background.

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

If i target my div and change the background image, it overwrites all other images:

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

Is it possible to target just the 3rd image and change it?

Answer 1

Try this, Suppose you have 3 background images in your div.

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