jquery - 使用 jQuery 隐藏表格列

这被问了很多次，我知道但这是不同的!我做的:

当您单击减号图标时，该列应该消失，这适用于 php，但代码一团糟，我想让它与 jQuery 一起使用，我发现其他一些线程向我展示了这一点:

$("#minus").click(function() {
    $("#table td:nth-child(2),th:nth-child(2)").hide();
});

过了一会儿，我想出了这个:

var num = $("#columnid").index();
$("#table td:nth-child("+ num +"),th:nth-child("+ num +")").hide();

这有点奏效，但我需要用 onclick="jquery_function();" 函数调用它并让 php 插入每个标题的 id，但这可能吗？或者有什么其他方法可以做到这一点？我被困住了!

做到了:

$(".minus").click(function() {
    var num = $(this).parent().index() + 1;
    $("#table td:nth-child("+ num +"),th:nth-child("+ num +")").fadeOut(250);
});

弄清楚之后似乎很简单，Jeroen 做对了。 :) 我唯一不明白的是为什么你需要(“th”)，无论有没有工作。谢谢!

最佳答案

看来你已经快完成了。您可以做的是将其包装在一个函数中，并将事件处理程序附加到表格标题单元格中的按钮:

$("th .button").click(function(){
  var num = $(this).parents("th").index();    // untested, but something like this should do it
  $("#table td:nth-child("+ num +"),th:nth-child("+ num +")").hide();
  return false;
}

关于jquery - 使用 jQuery 隐藏表格列，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8702641/