javascript - js获取某个元素至某个元素之间的元素

Question

例如：

<p class="a"></a>
<p class="b"></a>
<p class="b"></a>
<p class="b"></a>
<p class="a"></a>
<p class="b"></a>
<p class="b"></a>
<p class="b"></a>
<p class="a"></a>
<p class="b"></a>
<p class="b"></a>
<p class="a"></a>

我点击第一个.a需要取得第一个.a到第二个.a中间的.b，有没有什么办法？或者这种二级表格有什么好办法去写？

Answer 1

如果是第一個問題的話：

$('.a:first').nextUntil(".a", ".b")
// => 第一個 .a 到下一個 .a 之間的 .b

$('.a:first').nextUntil(".a:nth(3)", ".b")
// => 第一個 .a 到第3個 .a 之間的 .b

Answer 2

我能想到的方案有：
给class 为‘a’ 的添加一个menu class 然后给后面的b class添加一个sub-menu class
sub-menu 初始为隐藏，当点击 ‘menu’ 时对应的 ‘sub-menu’ 才显示出来

Answer 3

找到a的集合然后eq（2）就没获取了