选项卡内的Jquery选项卡由子选项卡索引激活

Question

<div id="mystudenttab">
    <ul>
        <li><a id="parenttab-0" href="#ParentTab-0">ParentTab1</a> </li>
        <li><a id="parenttab-1" href="#link1Tab-1">link1Tab</a></li>
    </ul>

    <div id="ParentTab-0">
        <table>
            <tr><td>link1Tab</td></tr>
            <tr><td>link2Tab</td></tr>
            <tr><td>link3Tab</td></tr>
        </table>
    </div>

    <div id="link1Tab-1">
        <ul>
            <li><a href="#subtab1-273">Student Info</a></li>
            <li><a href="#subtab2-273">Call Info</a></li>
            <li><a href="#subtab3-273">Mail Box</a></li>
            <li><a href="#subtab4-273">Case History</a></li>
        </ul>

        <div id="subtab1-273">This is subtab1</div>
        <div id="subtab2-273">This is subtab2</div>
        <div id="subtab3-273">This is subtab3</div>
        <div id="subtab4-273">This is subtab4</div>
    </div>       
</div>

嗨，这是我的标签结构。基本上这是选项卡组内的选项卡。我必须通过标签名称或索引或ID 在标签组(link1Tab-1)内关注。

我正在使用激活选项，它每次都会激活第一个标签。

激活父标签后，我正在调用$("[href='#subtab1-273']").click();来激活子标签。这里我将如何传递子标签id进行激活。

Answer 1

查看jquery .trigger。 https://api.jquery.com/trigger/

$("[href='#subtab1-273']").trigger('click', { childID: "someID"});