jquery - 帮助 jQuery .next

Question

我想我可以在此使用 .next，但不确定，如果有更好的方法请告诉我。我有一个带有 UL 的选项卡，UL 中的每个 LI 在底部都有一个 1px 的虚线边框，除了“事件”li。 “事件”选项卡具有背景图像。如果在任何 LI 之后的 LI 具有事件类，我需要删除边框。

<ul id="flowtabs">
  <li><a href="t1">Analysis</a></li>
  <li><a href="t2">Manual Trading</a></li>
  <li><a href="t3" class="active">Automatic Trading</a></li>
  <li><a href="t4">Simulate</a></li>
  <li><a href="t5">Connect</a></li>
  <li><a href="t6">Extend</a></li>
</ul>

$(document).ready(function() {
    if($('#flowtabs li a').hasClass('active').next('css','border','none')
}

我想要 <a href="t2">和 <a href="t4">移除边框，并在 li 激活该类时应用此边框。

我认为构造不正确，是否有更好的方法从具有类 'active' 的 LI 前后移除边框

这里有一张图片可以提供帮助:http://img693.imageshack.us/img693/5384/screenshot20100907at147.png

谢谢!

Answer 1

这可以满足您的具体要求，从 <li> 中删除边框s 在事件的两侧 <li> :

$(function() {
    $('#flowtabs li a.active').parent('li').next().add($('#flowtabs li a.active').parent('li').prev()).css('border','none');
});

这是一个工作演示:http://jsfiddle.net/WUu2F/

这是我认为您真正想要的，我在对您的问题的评论中提到了这一点:

$(function() {
    $('#flowtabs li a.active').parent('li').prev().andSelf().children('a').css('border','none');
});

还有一个演示:http://jsfiddle.net/k5sur/