如何使用jQuery更改css选择器值的值？

Question

这就是我所拥有的：

<div class="class1 class2" style="background-image: url(https://background-image.jpg);"></div>

我想使用JQuery来定位这两个类，并将背景图像的值从https更改为http。我怎样才能做到这一点？

我知道我可以.css附加一个值，但我不确定如何更改http值。这可能吗？

Answer 1

试试这个：

 var bg = $('.class1.class2').css('background-image');
 $('.class1.class2').css('background-image',bg.replace('https','http')); 

<强> Working Demo

Answer 2

你可以这样做：

$('.class1.class2').css('background-image',
function(_,val){ return val.replace('https','http');});