Question

我有很多具有相同背景图像的div，我想在点击其中一个时更改此背景。

我正在训练这样的人：

体：

<div id="basket-plusminus"></div>
...
<div id="basket-plusminus"></div>

<script>
$("#basket-plusminus").toggle(
function () {
$(this).addClass("click-plusminus");
},
function () {
$(this).removeClass("click-plusminus");
}
);
</script>

在css中：

#basket-plusminus {
width:11px;
height:11px;
background:url(../img/icons/plus-min.png) no-repeat scroll 0 0 transparent;
cursor:pointer;
}

.click-plusminus {
background-image:url(../img/icons/minus-min.png) !important;
}

我不知道如何添加自动ID，可能这是一个解决方法。

帮助

Answer 1

通过对标记和javascript进行一些修改，你可以做到这一点：http://jsfiddle.net/Wrxdy/当然要保留你拥有的背景 - 例如我只是在切换颜色。

Answer 2

使用class而不是id标记，因为ids是唯一的。

尝试：

<div class="basket-plusminus"></div>
...
<div class="basket-plusminus"></div>

<script>
$(".basket-plusminus").toggle(
    function ()
    {
        $(this).addClass("click-plusminus");
    },
    function ()
    {
        $(this).removeClass("click-plusminus");
    }
);
</script>

Answer 3

修复相同的ID问题后，此代码行应该对您有所帮助

$（文件）。就绪（（）的函数 {

$（“＃backet-plusminus”）。click（function（）{$（'myOjbect'）。css（'background-image'，'url（'+ imageUrl +'）'）;}）; < / p>

}）

jQuery - 点击许多div更改图像

3 个答案: