jQuery一个接一个地选择元素

我的网页上有一个砖石元素，我想选择砖石前后的所有可聚焦元素。随着时间的推移，我的页面可能会发生变化，在砌体元素之前和之后都会出现其他焦点元素

下面是代码结构的概要

<a class="skip-to-main-content">skip</a>
<a>text</a>
<a>text</a>

<div class="masonry">
   <div class="masonry-col"></div>
   <div class="masonry-col"></div>
   <div class="masonry-col"></div>
</div>
<div class="masonry">
   <div class="masonry-col"></div>
   <div class="masonry-col"></div>
   <div class="masonry-col"></div>
</div>

{ many more <div class="masonry"></div> elements }

<div class="masonry">
   <div class="masonry-col"></div>
   <div class="masonry-col"></div>
   <div class="masonry-col"></div>
</div>

<a>text</a>
<a>text</a>
<a class="skip-to-main-content">skip</a>
<a>text</a>
etc.

转换对象后，我的结果如下：

<a class="skip-to-main-content">skip</a>
<a class="a">text</a>
<a class="a">text</a>
<a class="a">text</a>

{focusable elements in masonry are omitted}

<a class="a">text</a>
<a class="a">text</a>
<a class="skip-to-main-content">skip</a>
<a class="a">text</a>
etc.

这些方法似乎不是我想要的，因为它们似乎用于插入内容，而不是用于选择元素。有没有jQuery方法可以让我抓取第一个a标记和最后一个砖块之后的所有其他可聚焦元素？这可能吗

<a class="skip-to-main-content">skip</a>
<a class="a">text</a>
<a class="a">text</a>
<a class="a">text</a>

{focusable elements in masonry are omitted}

<a class="a">text</a>
<a class="a">text</a>
<a class="skip-to-main-content">skip</a>
<a class="a">text</a>
etc.

for (i = 0; i <= arr.length; i++) {
   if (arr[i].toString().indexOf('maincontent') >= 0 && i != 0) {
        var secondHalfOfArray = arr.slice(tabindex - 2);
 }

.after()
.next()
.nextAll()
.siblings()