Question

<table border="2">
    <tbody>
        <tr>
            <td>aaa</td><td>aaa</td><td>aaa</td><td>aaa</td><td class="last">THIS SHOULD BE DELETED</td>
        </tr>
        <tr>
            <td>aaa</td><td>aaa</td><td>aaa</td><td>aaa</td><td class="last">NON DELETED</td>
        </tr>
        <tr>
            <td>aaa</td><td>aaa</td><td>aaa</td><td>aaa</td><td class="last">NON DELETED</td>
        </tr>
        <tr>
            <td>aaa</td><td>aaa</td><td>aaa</td><td>aaa</td><td class="last">NON DELETED</td>
        </tr>
    </tbody>
</table>

http://jsfiddle.net/Vwa3p/

如何使用CSS或jQuery删除第一个LINE中的最后一个TD？应该显示：无，但如何？

Answer 1

第一行，意思是第一行？

$('tr:first td:last').hide();

Answer 2

使用jquery：

$('.last:first').remove();

使用CSS：

table tbody tr:first-child td.last  {
    display:none
}

干杯！

Answer 3

如果您需要删除它，请使用：

$("table tr:first > td:last").remove();

如果您需要隐藏它，请使用：

$("table tr:first > td:last").hide();

DEMO： http://jsfiddle.net/Vwa3p/1/

Answer 4

仅限css：

table tr:first-child td:last-child{
    display:none;
}

或

table tr:first-child .last{
    display:none;
}

Answer 5

$('table > tbody > tr:first > td:last').hide()

使用这样的CSS：

table > tbody > tr:first-child > td:last-child

我建议使用子选择器（＆gt;）进行更快的遍历并将其限制为仅在tbody中搜索，您永远不会知道您以后是否广告thead和/或tfooter。

如何删除第一个LINE中的最后一个TD

5 个答案: