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を使用して最初のLINEの最後の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

削除する必要がある場合は、次を使用してください。

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

非表示にする必要がある場合は、次を使用してください。

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

デモ：http： //jsfiddle.net/Vwa3p/1/

于 2012-05-23T08:38:51.080 に答える
1

cssのみ：

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

また

​table tr:first-child .last{
    display:none;
}​
于 2012-05-23T08:46:18.253 に答える
0 
$('table > tbody > tr:first > td:last').hide()

このようなCSSの場合：

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

子セレクター（>）を使用して、トラバースを高速化し、tbodyでの検索のみに制限することをお勧めします。後で、広告やtfooterを広告するかどうかはわかりません。

于 2012-05-23T08:38:54.887 に答える