javascript - 将类添加到几个元素

Question

我有一个克隆的元素，我想要它，所以如果我向其中一个元素添加一个类，它会检查活动删除是并将其添加到此元素并转换为另一个元素。这是我正在使用的：

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

尝试这个

演示更新 1
演示更新 2 //with clone(true)
demo updated 3 //with clone(false) - 默认
演示更新 4

 $(document).ready(function() {
    $(document).on('click', 'li', function(){
        var ind = $(this).index();
        $('li').removeClass('active');
        $('li').eq(ind).addClass('active');
        $('#header1').empty();
        $('#header').find('ul').clone(true).appendTo( '#header1' );
    });
});

Answer 2

如果您只需要使用活动类突出显示单击的元素，并删除所有其他元素，请尝试以下操作：

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

您真的不需要检查这个或其他人是否已经拥有该课程，只需将所有其他人的“活动”课程压下去并将其添加到已单击的课程中

Answer 3

$(document).ready(function() {


    $("li").click(function(){
        $("li").removeClass("active");
        // And make this active
        $(this).addClass("active");

      }
    });


});