2 
<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 删除第一行中的最后一个 TD？应该显示：无，但如何？

4

5 回答 5

2

第一行，意思是第一行？

$('tr:first td:last').hide();
于 2012-05-23T08:39:33.373 回答
2

使用 jquery：

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

使用 CSS：

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

干杯!

于 2012-05-23T08:43:31.480 回答
1

仅限 CSS：

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

或者

​table tr:first-child .last{
    display:none;
}​
于 2012-05-23T08:46:18.253 回答
1

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

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

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

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

演示：http: //jsfiddle.net/Vwa3p/1/

于 2012-05-23T08:38:51.080 回答
0 
$('table > tbody > tr:first > td:last').hide()

使用这样的 CSS：

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

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

于 2012-05-23T08:38:54.887 回答