jquery插入類之前的所有元素

Question

我想知道如何解決一個問題。 例如，我們遇到：

<li> 
    <a class="disabled"> 
</li> 
<li> 
    <a class="disabled"> 
</li> 
<li> 
    <a href ="http://..." class="active"> 
</li> 
<li> 
    <a class="disabled"> 
</li> 

如何管理使用jquery <a>之前類主動添加到<a>標籤種類的NewClass所有<a>，所以我們要去獲得

<li> 
    <a class="disabled NEWCLASS"> 
</li> 
<li> 
    <a class="disabled NEWCLASS"> 
</li> 
<li> 
    <a href ="http://..." class="active"> 
</li> 
<li> 
    <a class="disabled"> 
</li> 

Answer 1

你'需要選擇父ul或ol，但我們假設它是LIST。

// Get index of active link 
before = $(".LIST li a").index($("a.active")) 

// Add class to all links before active link 
for (var i = 0; i < before; i += 1) { 
    $(".LIST li a").eq(i).addClass("NEWCLASS"); 
} 

Here's a working fiddle。

Answer 2

您可以使用prev()和children()組合：

$('li a.active').parent().siblings().prev().children('a').not('.active').addClass('NEWCLASS'); 

jsFiddle Demo

Answer 3

你可以嘗試這樣的事情：

$("a.active").each(function(index) { 
    $(this).addClass("NEWCLASS"); 
}); 

Answer 4

$('a.active').parent().prevAll().children('a').addClass('NEWCLASS') 

見Fiddle

Answer 5

var activeAnchor = $('li a.active').parent().prevAll("li:has(a)").find('a.disabled').toggleClass('disabled active'); 

DEMO