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