javascript - 为多个元素添加类

Question

我有一个克隆元素，我想要它，所以如果我向其中一个元素添加一个类，它会检查事件删除 is 并将其添加到此元素并转换为另一个元素。这是我正在处理的内容:

$(document).ready(function() {


    $("li").click(function(){

        /*Here I want to add something like var active = $(.clonedelement + this, this)
        but that does probably not makes sense, so what should i do? */

        var active = $(this)

      // If this isn't already active
      if (!$(this).hasClass("active")) {
        // Remove the class from anything that is active
        $("li.active").removeClass("active");
        // And make this active
        active.addClass("active");

      }
    });


});

现在，它会从两者中删除当前的事件，而不是只向其中一个添加类。

我用它做了一个jsfiddle http://jsfiddle.net/pintu31/8BxuE/

function UpdateTableHeaders() {
   $(".persist-area").each(function() {

       var el             = $(this),
           offset         = el.offset(),
           scrollTop      = $(window).scrollTop(),
           Header = $("#headerny", this)

       if ((scrollTop > offset.top) && (scrollTop < offset.top + el.height())) {
          Header.addClass("floatingHeader");
       } else {
          Header.removeClass("floatingHeader");

       };
   });
}
// DOM Ready      
$(function() {

   $(window)
    .scroll(UpdateTableHeaders)
    .trigger("scroll");

});

Answer 1

如果您只需要突出显示具有事件类的单击元素，并删除所有其他元素，请尝试以下操作:

$("li").click(function(){
    $("li").removeClass("active");
    $(this).addClass("active");
  });

您实际上并不需要检查这个类或其他类是否已经拥有该类，只需将所有其他类“激活”为“事件”类，然后将其添加到已单击的类中