JQuery 通过 div ID 添加类/删除类

Question

我想为具有不同类名的div添加addClass()/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');
});