JQuery按div ID添加类/删除类

我想为具有不同类名的div添加class（）/removeClass（），并尝试通过

id

查找它们

我怎样才能做到这一点

JS:

HTML:

---

您不需要在每个正在观看的项目上都有id。正如另一位评论员所说，元素上的

ID

必须是唯一的

。已选定{
颜色：粉红；
}

1
2.
3.
4.

var-allButtons=jQuery（'.button_-hof'）；
jQuery（'.button_hof'）。单击（函数（e）{
var$active=jQuery（此）；
allButtons.removeClass（'selected'）；
$active.addClass（'selected'）；
});

您不需要在每个正在观看的项目上都有id。正如另一位评论员所说，元素上的

ID

必须是唯一的

。已选定{
颜色：粉红；
}

1
2.
3.
4.

var-allButtons=jQuery（'.button_-hof'）；
jQuery（'.button_hof'）。单击（函数（e）{
var$active=jQuery（此）；
allButtons.removeClass（'selected'）；
$active.addClass（'selected'）；
});

id必须是唯一的！！id必须是唯一的！！

$(document).ready(function() {
    $("#button_hof").click(function() {
        $("#button_hof").removeClass("selected");
        $(this).addClass("selected");
        return false;
    });
}); 

<div id="button_hof" class="button_hof selected"></div>
<div id="button_hof" class="button_hof"></div>
<div id="button_hof" class="button_hof2"></div>
<div id="button_hof" class="button_hof2"></div>