JQuery addclass / removeclass by div ID

Question

我想为具有不同类名的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>

Answer 1

您不需要在正在观看的每个项目上拥有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');
});