查找特定类的所有元素旁边

Question

我有HTML这样的：

<ul> 
    <li class="foo">One</li> 
    <li class="bar">Two</li> 
    <li class="bar">Tree</li> 
    <li class="bar">Four</li> 
    <li class="foo">Five</li> 
    <li class="bar">Six</li> 
    <li class="bar">Seven</li> 
</ul> 

，我有JS代码：

$('.foo').click(function() { 
    $(this).allNext('.bar'); 
}); 

如何我可以选择那些包含.foo之后的所有元素和有班级吧。

Answer 1

您可以使用nextAll：

$('.foo').click(function() { 
    $(this).nextAll('.bar'); 
}); 

Answer 2

nextAll旁边可能是你想了解nextUntil（）..这将选择所有的.bar，直到下一个包含.foo

$('.foo').click(function() { 
    $(this).nextUntil('.foo').css('background','red'); 
}); 

DEMO