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

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

使用 jquery：

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

使用 CSS：

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

干杯！

Answer 2

第一行，意思是第一行？

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

Answer 3

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

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

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

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

演示：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

我建议使用子选择器 （>） 来更快地遍历并将其限制为仅在 tbody 中搜索，您永远不知道以后是否在 thead 和/或 tfooter 中搜索。