Jquery 将焦点从索引转移到活动选项卡的主体，并聚焦第一个链接

当选择第一个索引时，我有一个选项卡，我按下tab键，焦点转到下一个索引，但这里我想聚焦第一个索引主体中的第一个链接

这是我的密码。 当选择Tab1并按下tab键时，Tab2将成为焦点，但我希望当选择Tab1并按下tab键时，焦点应转移到Tab1主体中的New1链接，而不是索引2

<div class="csg-hover-box-categories">
    <ul id="category-section" class="a-nostyle a-list-link">
        <li class="csg-category">
            <a class="active" href="#1" rel="#tab1">Tab 1</a>
        </li>
        <li class="csg-category">
            <a class="active" href="#1" rel="#tab2">Tab 2</a>
        </li>
        <li class="csg-category">
            <a class="active" href="#1" rel="#tab3">Tab 3</a>
        </li>
    </ul>
</div>
<div class="csg-hover-box-content activ" id="tab1">
    <ul class="category-list a-nostyle a-list-link ">
        <li>
            <a href="#">New1</a>
        </li>
        <li>
            <a href="#">New2</a>
        </li>
        <li>
            <a href="#">New3</a>
        </li>
    </ul>
</div>
<div class="csg-hover-box-content" id="tab2">
    <ul class="category-list a-nostyle a-list-link ">
        <li>
            <a href="#">New1</a>
        </li>
        <li>
            <a href="#">New2</a>
        </li>
        <li>
            <a href="#">New3</a>
        </li>
    </ul>
</div>
<div class="csg-hover-box-content" id="tab3">
    <ul class="category-list a-nostyle a-list-link ">
        <li>
            <a href="#">New1</a>
        </li>
        <li>
            <a href="#">New2</a>
        </li>
        <li>
            <a href="#">New3</a>
        </li>
    </ul>
</div>

---

您可以使用

tabIndex

属性来控制选项卡顺序。以下是一个例子：

<a href="#" tabindex="2">New1</a>

---

还有一个参考链接：

您是否尝试过使用

tabIndex

属性<代码>作为一个粗略的例子。@RobMoll tabIndex为我工作。谢谢回答它。

<a href="#" tabindex="2">New1</a>