jQuery - 如何找到没有类的下一个兄弟？

Question

我有一个具有动态设置的扩展类的列表。我无法找到与只有可见元素相关的下一个列表项。 .siblings(':visible')和.next(':visible')在选择器为jQuery('.expanded')时似乎不起作用，可能是因为它正在寻找下一个扩展类。

<ul id="list_1" class="list"> 
    <li class="gridImage" data-id="Christmas"></li> //not visible 
    <li class="gridImage" data-id="Christmas"></li> //not visible 
    <li class="gridImage expanded" data-id="Easter"></li> 
    <li class="gridImage" data-id="Valentines"></li> //not visible 
    <li class="gridImage" data-id="Easter"></li> 
    <li class="gridImage" data-id="Miscellaneous"></li> //not visible 
</ul> 

Answer 1

这里是另一种方式： http://jsfiddle.net/slicedtoad/kqpbh3fv/

$('.expanded').nextAll(":visible").first() 

nextAll就像是下一个，但它抓住所有的选择器匹配以下的兄弟姐妹。首先只需要第一个。

Answer 2

你可以尝试像

.nextUntil(':visible').last().next() 

就是找到所有的兄弟姐妹，直到下一个可见的一个，再从该组中的最后一个（所以它的下一个兄弟应该是可见的）然后是它的下一个兄弟姐妹。