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

我有一個div，它有多個圖像集作爲背景。用jquery更改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").css("background-image", "url(http://placehold.it/300?text=asdasd)");

是否有可能只是針對第三圖像和改變呢？

來源

2016-09-26 alexpopa

我不這麼認爲 – Satpal

不 - 你將需要再次提供整個財產更新後的值。 –

相關http://stackoverflow.com/questions/16624199/change-multiple-background-images-with-jquery – JuniorDev

試試這個吧，假設你的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);

來源

2016-09-26 10:51:09 zed

我已經手動硬編碼它。我沒有看到您的代碼有任何問題，所以我會將其標記爲接受的答案。感謝您的時間。 :) – alexpopa

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

回答

相關問題