Question

jQuery 实现table表的th标签的显示和隐藏？

请高手帮忙实现，如下的功能，我想通过一个条件，比如classId来判断，如果classId为空的话，就把班级这一列去掉，如果classId不为空就全部显示出来，使用jquery该如何实现。

ps：在table中，表头事先写好的，后面的数据时动态添加的。

Answer 1

1、在电脑上面打开软件，新建一个html和引入jquery.js。

2、在新建的html页面body里面添加一个id为hide的隐藏按钮和id为show的显示按钮以及一段文字。

3、编写的js文件，首先引入jquery.js，通过$("#xx").click(function(){}代码给两个按钮添加点击事件，$("p").hide();隐藏段落文字，$("p").show();显示段落文字。

4、编写好js和body页面内容之后，完整代码如下图所示。

5、在浏览器中打开html页面，可以看到一段描述文字，和隐藏，显示按钮。

6、点击隐藏按钮，段落文字会被隐藏掉，再点击显示按钮，隐藏的段落文字会显示出来。

Answer 2

如果你的意思是只显隐TH只需要：

$('table th').hide();

如果是通过一个TH显隐一列：

var idx = $('table th.bj').index();
$('table tbody tr td').eq(idx).hide();

怎么触发事件自己思考一下~

Answer 3

//例子，假设你表的id为test
if( classId === "" ) {
    $( "#test tr" ).each( function() {
        $( this ).find( "td" ).eq( 0 ).hide();
    } );
} else {
    $( "#test tr" ).each( function() {
        $( this ).find( "td" ).eq( 0 ).show();
    } );
}

Answer 4

if(classId==null){
    $('td').children(":first").css("display","none");
    $('th').children(":first").css("display","none");
}

Answer 5

通过if判断 然后通过索引eq()进行隐藏