Question

HTML：

<page size="A4" id="Invoice_1">
    <table>
        <tbody>
            <tr class="odd">
                <td class="first" style="padding-right: 1px;text-align: left;min-width: 29px;padding-left: 5px">Sr.</td>
            </tr>
            <tr class="odd data_row">
                <td class="first data" style="min-width: 29px;">4</td>
            </tr>
        </tbody>
    </table>
</page>

jQuery的：

$('#Invoice_1 > table > tbody > tr > .data_row:last').length

任何人都可以告诉我hy这不起作用？我怎样才能使它可行？

Answer 1

.data_row不是tr的孩子，而是tr本身

所以正确的选择器将是

$('#Invoice_1 > table > tbody > tr.data_row:last')

或者，在这种情况下，它就足够了

$('#Invoice_1 tr.data_row:last')

Answer 2

任何人都可以告诉我为什么这不起作用？

否tr有一个带有.data_row类的子元素。

实际上.data-row是tr本身的类。

如何使其可行？

你还没有提到想要获取的长度，所以也许

$('#Invoice_1 > table > tbody > tr.data_row:last > td').length

假设您要获取最后一行中td个元素的数量。

jQuery子元素选择器不工作

2 个答案: