將類添加到多個元素

我有一個克隆的元素，我想要它，所以如果我添加一個類到其中一個它檢查主動刪除是，並將其添加到此並轉換爲其他。這裏就是我的工作：將類添加到多個元素

$(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"); 

});

來源

2013-11-01 Richard Hedberg

試試這個

demo updated 1
demo updated 2 //與克隆（真）
demo updated 3 //與克隆（假） - 默認
demo updated 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'); 
    }); 
});

來源

2013-11-01 08:54:10

它仍然不能將它添加到其他的元素之一;現場看到主要的導航這裏的http：// richardhedberg .com/portfoliony/index.html –

@RichardHedberg，檢查更新後的代碼是否需要th是什麼？ –

謝謝，但不是真的我在找什麼。我會試着解釋一下，我有一個帶有li的標題，當向下滾動時它會複製並隱藏第一個。我需要活動狀態在他們之間轉移。我會將克隆腳本添加到初始文章中，以便您自己查看。 –

如果你只需要突出與一流的活躍點擊的元素，並刪除所有其他人那麼試試這個：

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

你並不真的需要檢查如果任這一點，或其他公司已經有了類，只需壓路機爲「主動」類了所有的人，並把它添加到一個已經點擊

來源

2013-11-01 08:58:02

它仍然沒有將其添加到其他元素;現場看到主導航在它克隆它後，它擊中頂部richardhedberg.com/portfoliony/index.html –

$(document).ready(function() { 


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

     } 
    }); 


});

來源

2013-11-01 08:58:59 afei

它仍然沒有添加到另一個元素;如果你想添加到另一個元素，它可以實現：$（「li」）。點擊主導航到它後克隆它，然後點擊頂部richardhedberg.com/portfoliony/index.html –

（函數（）{$ （「李」）addClass（「活動」）; // 使這個活動的 $（本）.removeClass（「活動」）; } }）; – afei

我想最後有一個支架太多了？這幾乎就在那裏，但是，除了當前顯示的那個元素之外，它對這兩個元素中的所有li項都是活動的。 –

將類添加到多個元素

回答

相關問題