jquery - Jquery，在所有具有相同类的锚点之后选择第一个下一个元素

Question

我想在所有具有相同类的锚之后选择第一个下一个元素。
HTML

<a class="some_anchors">
</a>
<ul id="ul_1">
</ul>
...
<a class="some_anchors">
</a>
<ul id="ul_2">
</ul>
...
<a class="some_anchors">
</a>
<ul id="ul_3">
</ul>
...
<a class="some_anchors">
</a>
<ul id="ul_4">
</ul>
...

现在我想全选ul1,ul2,ul3,ul4。
在这里我试过：

console.log($(".some_anchors").nextAll('ul:first'));

但它ul1只会返回。
如何解决这个问题？

标签： jqueryselectornext

Answer 1

您可以使用下一个兄弟选择器+在类元素之后直接定位 ul。

console.log(
  $('.some_anchors + ul').get()
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a class="some_anchors">
</a>
<ul id="ul_1">
</ul>
<ul class="not-me">
</ul>

<a class="some_anchors">
</a>
<ul id="ul_2">
</ul>
<ul class="not-me">
</ul>

<a class="some_anchors">
</a>
<ul id="ul_3">
</ul>
<ul class="not-me">
</ul>

<a class="some_anchors">
</a>
<ul id="ul_4">
</ul>
<ul class="not-me">
</ul>