Question

我有一个清单

<ul>
<li>1</li>
<li class="active">2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>

我需要一个jquery来为一个活动的类兄弟（prev或下一个兄弟）添加一个类。这是导航和活动类的一部分，它是活动页面。有人可以帮忙吗？

谢谢！

更新：我发现了另一种方法，可以使用css：CSS next element从列表中为下一个元素添加样式这是一个演示：http://jsfiddle.net/S52YH/2/ 谢谢你的努力!!

Answer 1

将课程添加到上一个li

$('li.active').prev().addClass("someclass");

将课程添加到下一个li

$('li.active').next().addClass("someclass");

Answer 2

您应该使用li元素作为菜单项。所以应该只有一个active分类元素。如果是的话，

var $activeElement = $(".active");

$( ".active" ).next().addClass( "active" );
$activeElement.removeClass("active");

See Fiddle

Answer 3

Try this demo fiddle

//  this will apply active class to all li
$('ul li').addClass('active');
//  this will apply particular index of child
$('ul li:nth-child(2)').addClass('active');

Answer 4

$('.active').prev().addClass('foo');

或

$('.active').next().addClass('foo');

在元素旁边的兄弟上添加类

4 个答案: