jquery - 查找具有特定子级 JQUERY 的下一个 sibling

Question

我有一个这种格式的 UL

<UL>
<LI>ABC</LI>
<LI>DEF</LI>
<LI>GHI</LI>
<LI>JKL</LI>
<LI><a class='header'>MNO</a></LI>
<LI>PQR</LI>
<LI>DEF</LI>
<LI>GHI</LI>
<LI>JKL</LI>
<LI><a class='header'>AHP</a></LI>
<LI>GHI</LI>
<LI>JKL</LI>
</UL>

我有一个保存第二个li实例的变量。

var l=$('ul li:eq(1)');

但是我需要找到带有类“header”的“anchor child”的下一个li的索引。我可以知道找到该索引的最佳方法吗？

Answer 1

使用nextAll()检索以下 sibling ，使用 :has 进行过滤选择器，然后 first()如果您只想要第一场比赛。

l.nextAll(':has(.header)').first();

JSFiddle Demo

当然，如果需要，您可以在过滤器中更加具体 - li:has(a.header)。