jquery로 div의 특정 배경 이미지를 변경하십시오.

Question

두 개 이상의 이미지가 배경으로 설정된 div가 있습니다.

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

단지 3 이미지를 대상으로하고 변경할 수 있습니다 : 난 내 사업부를 대상으로하고 배경 이미지를 변경하는 경우

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

, 모든 다른 이미지를 덮어?

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