jquery - 使用 jQuery 使用 colspan 显示/隐藏表列

Question

我有一个 HTML 表格，如 http://jsfiddle.net/Lijo/auny3/ 所示。 .该表有 10 列——分为三个列组。我需要使用“Show Associate”和“Hide Associate”按钮隐藏/显示名为“Associate Info”的colgroup(包括其行数据)。

使用 jQuery 执行此操作的最佳方式(就性能而言)是什么？

如果您有比 http://jsfiddle.net/Lijo/auny3/8/ 更好的答案，请回答

注意:我正在使用中给出的 ASP.Net GridView 生成表格 http://www.sacdeveloper.com/Community/Articles/tabid/86/ctl/ArticleView/mid/458/articleId/1/Group_columns_in_an_ASPNet_Gridview.aspx

引用:

1. http://jsfiddle.net/Lijo/auny3/8/

2. http://jsfiddle.net/Lijo/auny3/12/

3. http://jsfiddle.net/Lijo/auny3/11/

4. http://jsfiddle.net/Lijo/auny3/13/

选择的答案

1. http://jsfiddle.net/Lijo/UqdQp/2/

Answer 1

你好，现在习惯了

Jquery

$(document).ready(function(){

$("#show").click(function(){
    $("#showhide").show();
    });



    $("#hide").click(function(){
    $("#showhide").hide();
    });
})  

并对您的 html 进行一些更改

Live demo