用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中的特定背景图像

回答

相关问题