选择jQuery中的下一个事件

Question

我有以下代码：

<ul class="nav">
  <li>
  <a href="#vegeta" class="active"></a>
</li>
<li>
  <a href="#goku"></a>
</li>
<li>
  <a href="#gohan"></a>
</li>
<li>
  <a href="#shenron"></a>
</li>
</ul>

如何使用jQuery（在本例中为#goku）选择活动课程后的下一个链接？

Answer 1

$('.active').closest('li').next().find('a');

“下一个”元素是li的同级元素，而不是上面具有活动类的元素。

console.log(
  $('.active').closest('li').next().find('a').get()
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="nav">
  <li>
  <a href="#vegeta" class="active"></a>
</li>
<li>
  <a href="#goku"></a>
</li>
<li>
  <a href="#gohan"></a>
</li>
<li>
  <a href="#shenron"></a>
</li>
</ul>