JQUERY遍历选中tab-pane的子控件

有如下被选中的选项卡,遍历每个table中的tr，查找tr中的每2个td是否存在button

<!-- Tab panes -->
<div class="tab-content bg-light" style="margin-top:2px;" id="loopPairList">
    <h6 class="text-center">Configurations</h6>
    <div  class="container tab-pane active" style="margin:2px; font-size:20px;">
        <form id="main" method="post">
            <table class="table table-striped">
                <tbody>
                    <tr>
                        <td>  </td>
                        <td><button type="button" class="btn-info" style="width:140px;margin:4px"> test1</button>  </td>
                    </tr>
                    <tr>
                        <td>  </td>
                        <td></td>
                    </tr>  
                </tbody>
            </table>
        </form>
    </div>
   
</div>

该回答通过自己思路及引用到GPTᴼᴾᴱᴺᴬᴵ搜索,得到内容具体如下：

你可以使用以下 jQuery 代码来遍历每个被选中的选项卡中的每个 table 的 tr，并查找其中的每两个 td 是否存在 button：

$("#loopPairList .tab-pane.active table tr").each(function() {
    var tds = $(this).find("td");
    for (var i = 0; i < tds.length; i+=2) {
        var td1 = $(tds[i]);
        var td2 = $(tds[i+1]);
        var button1 = td1.find("button");
        var button2 = td2.find("button");
        if (button1.length > 0) {
            console.log("Found button in td 1:", button1);
        }
        if (button2.length > 0) {
            console.log("Found button in td 2:", button2);
        }
    }
});

这段代码首先选择了 id 为 loopPairList 的元素下所有被选中的选项卡中的 table 的 tr 元素，然后遍历每个 tr 元素。在每个 tr 元素中，代码获取其中的所有 td 元素，并循环遍历每两个 td 元素。对于每两个 td 元素，代码分别查找其中的 button 元素，并打印出结果。

如果以上回答对您有所帮助，点击一下采纳该答案～谢谢