jQuery 实现table表的th标签的显示和隐藏?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery 实现table表的th标签的显示和隐藏?相关的知识,希望对你有一定的参考价值。
请高手帮忙实现,如下的功能,我想通过一个条件,比如classId来判断,如果classId为空的话,就把班级这一列去掉,如果classId不为空就全部显示出来,使用jquery该如何实现。
ps:在table中,表头事先写好的,后面的数据时动态添加的。
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、点击隐藏按钮,段落文字会被隐藏掉,再点击显示按钮,隐藏的段落文字会显示出来。
参考技术A如果你的意思是只显隐TH只需要:
$('table th').hide();如果是通过一个TH显隐一列:
var idx = $('table th.bj').index();$('table tbody tr td').eq(idx).hide();
怎么触发事件自己思考一下~
if( classId === "" )
$( "#test tr" ).each( function()
$( this ).find( "td" ).eq( 0 ).hide();
);
else
$( "#test tr" ).each( function()
$( this ).find( "td" ).eq( 0 ).show();
);
参考技术C if(classId==null)
$('td').children(":first").css("display","none");
$('th').children(":first").css("display","none");
参考技术D 通过if判断 然后通过索引eq()进行隐藏
以上是关于jQuery 实现table表的th标签的显示和隐藏?的主要内容,如果未能解决你的问题,请参考以下文章