jQuery的帮助。下一步

我想我可以用。下一步，不确定，如果有更好的方法，请告诉我。我用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')
}

$（文档）.ready（函数（）{
if（$（'#flowtabs li a'）.hasClass（'active'）.next（'css'，'border'，'none'））
}

我想要

谢谢！
为什么不以相反的方式使用
活动类将下划线添加到
li

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

但是，如果您想这样做。那么有一些问题。在
活动
li
之前
li
如何？下一步
的任何一种方法都将针对
a
元素，而不是
li
。这将从所有
li
中删除边框，但
活动
的除外ode>
a

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

也许你可以这样做

$(document).ready(function(){
   $('#flowtabs li a').not('.active').css('border','none');
});

这意味着除类为“active”的标记之外的任何“a”标记->删除边框。
这会执行您特别要求的操作，从活动的
两侧的
中删除边框：

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

这是一个有效的演示：

这正是我认为你真正想要的，我在评论你的问题时提到：

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

还有一个演示：


这将删除第一个
li a.active
后出现的
li a.active
周围的边框


你的问题有点让人困惑，所以我想在第二次通读之后，我更明白你想要什么

$(document).ready(
    function ()
    {
        $('#flowtabs li a.active').parent('li').prev('li').css('border-bottom','none').end().next('li').css('border-top', 'none');
    }
);

这将在每次
li a.active
之前和之后删除
li
上的边框。我之所以添加此框，是因为您的解释和图像


第3版

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

这将从您的
当前的
和
以前的
li
标记中删除
边框。这似乎是您从一开始就想要的，是吗？
请参阅我的更新，两者都可以。根据文档，您不能使用
下一个
获取匹配元素集中每个元素紧跟其后的同级元素。根据您提供的示例图像，我认为您实际需要的是使用活动，以及紧靠它之前的一个。由于边界位于每个li的底部，这将删除活动节点周围的两个边界。以下是工作代码：我希望在手动交易时删除边界，即其上方的边界。我将目标锁定在li中的锚，因为a.active比正常的是宽，您将需要我的第二个建议。@Ender-谢谢！效果很好，现在我需要在UL的顶部添加一个边框（与li的边框相同），如果第一个孩子li是“活动”的，比如$（“#flowtab.firstChild”）？不管怎样，这都不起作用，我必须创建另一个类。first”它有上下边界，所以非常好用。谢谢你，我不知道你可以像那样将4个选择器链接在一起（父、上、自我、子）@Dirty Bird-IMO jQuery最好的部分之一就是可以将任意多个选择器链接在一起：）如果我在UL的顶部有一个bg映像，如果UL的第一个子级是“活动”的，我将如何删除它。。。。
$(document).ready(
    function ()
    {
        $('#flowtabs li a.active').css('border-bottom', 'none').parent('li').prev('li').children('a').css('border-bottom','none');
    }
);