jquery如何顯示隱藏表列

我設法隱藏了一個td，但不是其他2 td s在它之下。代碼隱藏表td：

$("#td_maand").hide();

來源

2012-10-01 Jilco Tigchelaar

您可以輕鬆地做到這一點：

var i = [your_column_index]; 
$('td:nth-child(' + i + ')').hide();

來源

2012-10-01 12:37:55

我只想指出，這將影響所有表格。 – Dutchie432

嘗試$("#td_maand").parent().hide();

來源

2012-10-01 12:35:06 Anton

那不是隱藏整個行（不是COLUMN），因爲那將是我所假設的''的父母？ – Dutchie432

是的，我猜。我認爲是錯誤的：P – Anton

給所有同一列TDS相同的類，然後$(".columnClass").hide();

例如

<tr><td class="firstcolumn"></td><td class="secondcolumn"></td></tr> 
<tr><td class="firstcolumn"></td><td class="secondcolumn"></td></tr> 
<tr><td class="firstcolumn"></td><td class="secondcolumn"></td></tr> 
<script>$(".firstcolumn").hide();</script>

來源

2012-10-01 12:35:37

可以使用nth-child選擇實現這一目標，像這樣使用：

$('#yourtable tr td:nth-child(3)').hide();

，將隱藏你的第三列。

來源

2012-10-01 12:37:00 Nelson

恕我直言，這是最乾淨的答案，因爲它不需要對你的細胞進行分類。 – Dutchie432

只是要補充一點，當你在桌子上有幾個隱藏/顯示選項時，這會變得非常混亂。如果您在表格佈局中更改了任何內容，那麼也是一樣。 –

您可以使用演示在

$(this) // assuming this points to a td 
    .closest('tbody') // find closest tbody (container) 
    .find('> tr > td:nth-child('+$(this).index()+')') // find all td in the same column 
    .hide(); // hide them

http://jsfiddle.net/jFv6d/
（它隱藏點擊列）

來源

2012-10-01 12:38:46

jquery如何顯示隱藏表列

回答

相關問題