jquery - 选择同一页面上的多个表

Question

我在同一页上有几个表格。我正在尝试编写 jQuery 代码，该代码将单独计算页面上每个表的行数，并根据行数是偶数还是奇数，对每个单独的表应用不同的 CSS。

使用 jQuery 的 .each 函数，我可以选择每个表。但我需要一种方法来使用“this”关键字来计算单个表中的行数。如果只有一张 table 我可以使用

var amountOfRows = $(".data  tbody  tr").length;

但是由于有多个表，我需要一些包含“this”关键字的代码来单独获取每行长度。

所以我真的只是想知道如何使用“this”关键字来读取页面上每个表的行数。

这是一个基本的jsfiddle:http://jsfiddle.net/49jNn/1/

这是我的 HTML 代码的简化版本，我有 2-4 个页面。

<table class="data">
    <thead>
        //head row
    </thead>
    <tfoot>
        //footer row
    </tfoot>

    //I want the number of these rows
    <tr>
        //multiple <td>
    </tr>
    <tr>
        //multiple <td>
    </tr>
    <tr>
        //multiple <td>
    </tr>
</table>

到目前为止，我的 jQuery 代码能够遍历页面上的表数。

$('table').each(function() {
    alert("table");
});

Answer 1

您可以使用$(选择器，上下文);

$('tbody tr', this).length;

或查找方法:

$(this).find('tbody tr').length;