jquery - jQuery - 单击许多 div 时更改图像

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 标签，因为 id 是唯一的。

尝试：

<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 问题，此代码行应该对您有所帮助

$.(document).ready(function() {

$("#backet-plusminus").click(function() { $('myOjbect').css('background-image', 'url(' + imageUrl + ')'); });

})