腳本隱藏多個TD在表中不起作用

Question

我試圖隱藏在一個巨大的表中的幾個TD。

我嘗試這樣做：

$(document).ready(function() { 
$("td:eq(1)").css("display", "none"); 
$("td:eq(2)").css("display", "none"); 
$("td:eq(3)").css("display", "none"); 
$("td:eq(4)").css("display", "none"); 
$("td:eq(5)").css("display", "none"); 
$("td:eq(6)").css("display", "none"); 
$("td:eq(7)").css("display", "none"); 
$("td:eq(9)").css("display", "none"); 
$("td:eq(11)").css("display", "none"); 
$("td:eq(12)").css("display", "none"); 
$("td:eq(14)").css("display", "none"); 
$("td:eq(16)").css("display", "none"); 
$("td:eq(17)").css("display", "none"); 
$("td:eq(19)").css("display", "none"); 
$("td:eq(21)").css("display", "none"); 
$("td:eq(22)").css("display", "none"); 
$("td:eq(24)").css("display", "none"); 
$("td:eq(26)").css("display", "none"); 
$("td:eq(27)").css("display", "none"); 
}); 

，但我不能隱藏超過10次達陣這一點，所以我想出了下面的腳本。 我從https://api.jquery.com/multiple-selector/得到它。 然後我嘗試這樣的：

$(document).ready(function() { 
$("td:eq(1,2,3,4,5,6,7,9,11,12,14,16,17,19,21,22,24,26,27)").css("display", "none"); 
}); 

但是，這並不能掩蓋一個TD在所有。 我敢肯定，我在第二個劇本上犯了一個小錯誤，但我找不到什麼。編輯： 我發現了這個問題。我也隱藏了某些包含文本的TD。應該顯示它們：沒有。 抱歉給您帶來不便。

Answer 1

爲什麼不在你想要隱藏的td上使用類，然後在該類上使用jQuery選擇器來隱藏它們？

$('td.hide').hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table> 
 
<tr> 
 
    <td class="hide">1</td> 
 
    <td>2</td> 
 
    <td class="hide">3</td> 
 
    <td>4</td> 
 
    <td class="hide">5</td> 
 
</tr> 
 
</table>