jquery 在父级中查找下一个但不完全是下一个

Question

我的问题是我有这样的 html:

<ul id="myblock">
  <li id="first" class="myele">list item 1</li>
  <li>list item 2</li>
  <li class="myele">list item 3</li>
  <li class="myele">list item 4</li>
  <li>list item 5</li>
</ul>

现在我想从“列表项 1”中查找具有“myele”类的下一个元素，那么如何做到这一点？

目前我正在使用

$("#first").next(".myele")

但它不起作用，因为它不完全在它旁边

Answer 1

您可以使用.nextAll()为此:

console.log($("#first").nextAll(".myele").first())

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id="myblock">
  <li id="first" class="myele">list item 1</li>
  <li>list item 2</li>
  <li class="myele">list item 3</li>
  <li class="myele">list item 4</li>
  <li>list item 5</li>
</ul>