jquery - html表格中每行的最后一个td

Question

我知道之前已经有人问过这个问题，但是我已经尝试过以前的解决方案，但它们对我不起作用。

我有一个由 AJAX 生成的 HTML 表格:

<table cellspacing="1" cellpadding="7" summary="Procedure Tabulate: Table 1" frame="box" rules="groups" class="table table-bordered table-hover">
    <thead>
        <tr>
            <th scope="col" class="c m Header">&nbsp;</th>
            <th scope="col" class="c Header">reel</th>
            <th scope="col" class="c Header">budgete</th>
            <th scope="col" class="c Header">ecart</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row" class="l t RowHeader">Fours</th>
            <td class="r b Data">15 341,10</td>
            <td class="r b Data">15 540,90</td>
            <td nowrap="" class="r b Data">  -1.29% </td>
        </tr>
        <tr>
            <th scope="row" class="l t RowHeader">Hifi</th>
            <td class="r b Data">10 578,60</td>
            <td class="r b Data"> 9 962,50</td>
            <td class="r b Data">   6.18% </td>
        </tr>
        <tr>
            <th scope="row" class="l t RowHeader">Magneto</th>
            <td class="r b Data">10 090,10</td>
            <td class="r b Data">10 495,60</td>
            <td nowrap="" class="r b Data">  -3.86% </td>
        </tr>
        <tr>
            <th scope="row" class="l t RowHeader">Total</th>
            <td class="r b Data">36 009,80</td>
            <td class="r b Data">35 999,00</td>
            <td class="r b Data">   1.04% </td>
        </tr>
    </tbody>
</table>

我对表中的类没有太多控制权，因为它们是由另一组人使用 SAS(统计分析软件)创建的。

我想获取 tbody 中每一行的最后一个 td。

目前我有以下 jQuery 来完成这项工作:

$( '#ajax-area table tbody tr td:last' ).addClass( 'result' );

这不会将类添加到 td。

有人有解决办法吗？

Answer 1

尝试

$( 'table tbody tr td:last-child').addClass( 'result' );

演示:Fiddle