如何通过jQuery循环遍历特定类型的所有元素

How can I loop through all elements of a certain type through jQuery?

本文关键字：类型 元素 何通过 jQuery 循环 遍历      更新时间：2023-09-26

还有一些类似的问题，但我的问题稍微具体一点。

我有一个id为"myTable"的table元素，其中有一些tr元素（假设tr元素是2）。

<table id="myTable">
    <tr>
        <td>Row 1</td>
    </tr>
    <tr>
        <td>Row 2</td>
    </tr>
</table>

如果我试图通过编写来查看#myTable表元素中的行数

var numberOfRows = $("#myTable tr").length;

numberOfRows变量中总是有1。

只有当我向所有tr元素添加一个类时，它才有效。

 <table id="myTable">
    <tr class="myRows">
        <td>Row 1</td>
    </tr>
    <tr class="myRows">
        <td>Row 2</td>
    </tr>
</table>

假设类是"myRows"，并编写以下内容：

var numberOfRows = $("#myTable .myRows").length;

然后，我得到了正确的数字-2。

所以，我的问题是，如果某些元素没有被类区分，我如何获得它们的数量或循环通过它们（就像上面的例子中一样）？

您可以使用类似：

$('#myTable > tbody  > tr').each(function() {...code...});

纯JavaScript，也适用于所有meyor浏览器

 var rows=document.getElementById("myTable").rows;
 for(var rowIndex=0;rowIndex<rows.lenght;rowIndex++){
        //now do everything with tr $(rows[rowIndex]).height(80)
 }
相关文章：