使用id,这个方法可以在生成html的时候动态设置tr的id,也是用得最多最简单的一种,其他方法祥看本文

网上有很多,这里介绍三种: 第一种方法,就是使用id,这个方法可以在生成html的时候动态设置tr的id,也是用得最多最简单的一种,如下:

  
这行不隐藏
这行要隐藏
这行要隐藏

那么控制显隐可以直接使用

  for(var i = 1; i < tr_len; i++){ //tr_len是要控制的tr个数         $("#tr_"+i).hide();    } 

第二种方法,是使用$.each(),这个方法需要设置table的id,如下:

  
这行不隐藏
这行要隐藏
这行要隐藏

那么控制显隐可以直接使用

  $.each($("#Tbl tr"), function(i){        if(i > 0){            this.style.display = 'none';       }    }); 

第三种方法,是通过属性筛选器,这个方法需要给tr加上某个特定属性,比如class,如下:

  
这行不隐藏
这行要隐藏
这行要隐藏

那么控制显隐可以直接使用

  var trs = $("tr[class='hid']");    for(i = 0; i < trs.length; i++){         trs[i].style.display = "none"; //这里获取的trs[i]是DOM对象而不是jQuery对象,因此不能直接使用hide()方法    } 

就这么简单。如果是要显示的话,把相应的方法改成show()或者display属性改为”"即可 实际应用: 说明:默认情况下,只显示“对应页面名称”所在行,当点击单选按钮时,显示不同的行。

                                             

通过id控制隐藏和显示如下:

  $("input[name='f_navState']").click(function(){        //if($("input[name='f_navState']").attr("checked")==true){         $("input[name='f_navState']").each(function(i){          if(this.checked){            var f_navState = $("input[name='f_navState']")[i].value;  //获得单选框的值            if(f_navState==1){             //alert(123);             $("#il").show();             $("#ol").hide();            }else{             //alert(456);             $("#ol").show();             $("#il").hide();            }                      }         });        //}        }); 
最新资讯
抱着猫主子拍照的男性会显得更有魅力吗?

抱着猫主子拍照的男性

人们有时会使用社交网站寻找长期和短期的潜在伴侣。先
微笑有益身心健康,假笑也行

微笑有益身心健康,假笑

微笑能让人积极进取,但如果真笑困难,假笑也行。
上网 = “裸奔”?单凭浏览器的历史记录就能锁定你的身份

上网 = “裸奔”?单凭

尽管人类还没有成为 cyborg,但你的网页浏览记录,正在从
20秒!天问一号完成第二次轨道中途修正

20秒!天问一号完成第二

2020年9月20日23时,在我国首次火星探测任务飞行控制团
新冠疫情的“次生灾害”:孕检受阻,死胎率上升

新冠疫情的“次生灾害

最新数据显示孕期服务被打乱与死胎率上升之间存在联系
袁隆平、屠呦呦等21位功勋科学家手模亮相中国科技馆

袁隆平、屠呦呦等21位

全国科普日启动之际,“国家最高科学技术奖获奖科学家手
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,