html表中每行的最后一个td

时间:2013-03-12 09:19:22

标签: jquery html-table

我知道之前已经有人问过,但我已经尝试过以前的解决方案而且他们不适合我。

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

<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。

有没有人有解决方案?

2 个答案:

答案 0 :(得分:26)

尝试

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

演示:Fiddle

答案 1 :(得分:6)

这应该适合你:

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

http://jsfiddle.net/xK8EC/