jquery - jQuery通过div ID添加/删除类

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

我该如何进行这项工作？

JS：

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

HTML：

<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>

最佳答案

您无需在正在观看的每个项目上都具有ID。正如另一位评论者所述，元素上的ID必须是唯一的。

http://jsfiddle.net/du64um5y/

.selected {
    color: hotpink;
}

<div class="button_hof selected">1</div>
<div class="button_hof">2</div>
<div class="button_hof">3</div>
<div class="button_hof">4</div>

var allButtons = jQuery('.button_hof');
jQuery('.button_hof').click(function(e){
    var $active = jQuery(this);
    allButtons.removeClass('selected');
    $active.addClass('selected');
});