如何從第二個td（包含）開始在表中高效地隱藏td？

Question

比方說，我有一個表像下面這樣：

<table id='randData'> 
    <tr> 
     <td >56</td> 
     <td >Call me</td> 
     <td >Blah</td> 
     ... 
    </tr> 
    <tr> 
    </table> 

什麼是隱藏從第二（含）起至年底開始的TDS的最佳方式？ 爲隱藏的tds添加一個類會更有效率嗎？有沒有解決 這種方式使用一個表達與nth孩子？

Answer 1

使用jquery .not()和:first選擇器。

$('table tr td:not(:first)').hide(); 

實施例：https://jsfiddle.net/DinoMyte/3dzxsxgq/

Answer 2

$("#randData td").eq(1).nextUntil("tr").hide();

將是我的眼前猜測如果必須使用jQuery

Answer 3

我會給出兩個簡單的方法！

＃1

的想法：隱藏每td標籤，然後取消隱藏一日一。

tr > td { 
    display: none; /* Hidden! */ 
} 
tr > td:first-child { 
    display: initial; /* Undo hiding on only the 1st td */ 
} 

＃2

的想法：隱藏所有的兄弟姐妹超越第一個孩子

tr > td ~ td { 
    display: none; 
} 

我給第一選項，以及這一個，之所以不每個人都喜歡~選擇器（在不熟悉的情況下選擇~符號左邊的孩子以外的所有孩子！）

Answer 4

除非您使用jQuery進行動畫製作，否則我更喜歡使用我認爲每個人都會認同的類，這是最有效的方法。您可以在CSS選擇所有從第二，類似這樣的td元素：

tr.hide > td:nth-child(n+2) { 
    display: none; 
} 

現在剛落，你要隱藏的第二個及以上行的hide類。