div内の特定の背景画像をjqueryで変更します。

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