JQuery addclass/removeclass 通过 div ID

Question

我想为具有不同 class 名称的 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');
});

JQuery addclass/removeclass 通过 div ID

JQuery addclass/removeclass by div ID

html

css

jquery

addclass

removeclass