jquery - 如何在 jQuery 中选择特定元素

Question

我有以下 html 语法

<ul>
<li class="heading">link</li>
<li>link</li>
<li>link</li>
<li>link</li>
<li>link</li>
<li class="heading">link</li>    
<li>link</li>
<li>link</li>
<li>link</li>
<li class="heading">link</li>
</ul>

我想选择我单击的普通 li 元素之后的第一个 .heading 元素。我尝试使用 .closest() 函数，但没有成功。使用 jQuery

Answer 1

在click处理程序中执行以下操作:

$(this).nextAll('.heading:first');

nextAll()检索当前元素之后与选择器匹配的所有同级元素，因此请使用 :first选择器仅定位第一个。

nextAll 不应与 next 混淆，它仅考虑下一个元素(并且仅在与给定选择器匹配时才返回它)。

closest不起作用，因为它只检查当前元素的祖先，而我们想要检索兄弟元素。

你可以在这里看到一个 JS Fiddle； http://jsfiddle.net/kuroir/5e3gz/1/