Question

有一些类似的问题，但我的更具体。

我有一个表格元素，其ID为＆＃34; myTable＆＃34;里面有一些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>

让我们说课程是＆＃34; myRows＆＃34;并写下以下内容：

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

然后，我得到正确的号码 - 2。

所以，我的问题是，如果某些元素没有被类别区分（如上例所示），我如何获取某些元素的数量或循环它们？

Answer 1

你可以使用：

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

Answer 2

纯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)
 }

如何通过jQuery遍历某种类型的所有元素？

2 个答案: