可以像這樣隱藏jquery中的特定列嗎？

Question

我像這樣隱藏網格中的整個列？

//   $('#Grid tr th').each(function(column) { 
//    if ($(this).is('#div.id')) { 
//     hide(); 
//    } 
//   }); 

我可以這樣嗎？

感謝

Answer 1

我認爲你需要做的是這樣的：

$('#Grid tr').each(function() { 
     $(this).find('td:eq(0)').hide(); 
}); 

凡（）式中的數字是列號索引（從零開始）。你也可以使用：first或：last而不是：eq（）。

你也可以使用這種方法：在nth-child()

$("#Grid td:first-child").hide(); 

任何列與指數從1：
第一列（！）：

$("#Grid td:nth-child(1)").hide(); 

的最後一欄

$("#Grid td:last-child").hide(); 

對於還隱藏標題在THEAD您可以使用逗號分隔的選擇：

$("#Grid tbody td:nth-child(2), #Grid thead th:nth-child(2)").hide(); 

或

$("#Grid tbody td:nth-child(1)").hide(); 
$("#Grid thead th:nth-child(1)").hide(); 

或第一種方法：

$('#Grid tr').each(function() { 
     $(this).find('td:eq(0), th:eq(0)').hide(); 
}); 

看到更新的例子： http://www.alexteg.se/stackoverflow/jquery_hide_table_column.html

Answer 2

你可以這樣做：

$('#Grid tr th').each(function() { 
      if ($(this).attr('id') == "#div") { 
       $(this).hide(); 
      } 
     }); 

您可能需要更換#div與您正在使用的一個。

Answer 3

比方說，我想隱藏第17列。的網格

var colindex =16; 

    $("#CP_Main_gvPOItems").find("th:nth-child(" + colindex + "), td:nth-child(" + colindex + ")").hide();