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

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

ps:在table中,表头事先写好的,后面的数据时动态添加的。
展开
 我来答
百度网友faadf46
高粉答主

2019-09-12 · 说的都是干货,快来关注
知道答主
回答量:4556
采纳率:0%
帮助的人:72.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、点击隐藏按钮,段落文字会被隐藏掉,再点击显示按钮,隐藏的段落文字会显示出来。

TKDTinty
2017-08-25 · TA获得超过124个赞
知道答主
回答量:67
采纳率:0%
帮助的人:24.2万
展开全部

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

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

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

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

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

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2017-08-15
展开全部
//例子,假设你表的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();
    } );
}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
小宛手绘
2017-08-15 · TA获得超过192个赞
知道小有建树答主
回答量:239
采纳率:60%
帮助的人:99.6万
展开全部
if(classId==null){
    $('td').children(":first").css("display","none");
    $('th').children(":first").css("display","none");
}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
野蔷薇叮叮猫
2017-08-15 · TA获得超过118个赞
知道小有建树答主
回答量:341
采纳率:0%
帮助的人:75.5万
展开全部
通过if判断 然后通过索引eq()进行隐藏
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式