Jquery 如何添加内联样式以添加一行文本

我有很多类为“chicken”的div，它们都有一个独特的内联背景图像样式应用于它们，我希望能够在.jpg结尾之前立即在BG图像中添加一个“@2x”—例如—div如下所示：

<div class="chicken" style="background-image: url('example.jpg');">

我希望能够添加“@2x”使其成为：

<div class="chicken" style="background-image: url('example@2x.jpg');">

注意：我有很多div，因此图像名称总是不同的

e、 g

所以需要一种在每个div的.jpg之前添加“@2x”的方法吗

---

有什么想法吗？

您可以使用

这样做。each（）

：

$（'.chicken'）。每个（函数（）{
$（this.css（'background-image'，$（this.css（'background-image'）。替换（“.jpg”，“@2x.jpg”）；
});
您可以使用
执行此操作。each（）
：


$（'.chicken'）。每个（函数（）{
$（this.css（'background-image'，$（this.css（'background-image'）。替换（“.jpg”，“@2x.jpg”）；
});


<div class="chicken" style="background-image: url('example@2x.jpg');">
<div class="chicken" style="background-image: url('monkey@2x.jpg');">
<div class="chicken" style="background-image: url('nana@2x.jpg');">
<div class="chicken" style="background-image: url('tin@2x.jpg');">
<div class="chicken" style="background-image: url('crisps@2x.jpg');">