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>标记类NEWCLASS，用于<a>之前<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

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

请参阅Fiddle

Answer 2

您将需要父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 3

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

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

jsFiddle Demo

Answer 4

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

DEMO

Answer 5

您可以尝试这样的事情：

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

jquery之前将类插入所有元素

5 个答案: