三种常用的控制隐藏显示TR显示的方法

三种常用的控制隐藏显示TR显示的方法
网上有很多,这里有三种介绍

第一种方法是使用id,它可以在生成HTML时,动态地设置TR的ID,这是最常用和最简单的一种,如下所示:
这行不是隐藏的
这一行需要隐藏。
这一行需要隐藏。

然后控制显式隐藏可以直接使用。
对于(var i = 1;i < tr_len;i++){ / / tr_len是TR的数量控制
$(# tr_+我)藏();
}
第二种方法是使用$(),它需要设置表的ID,如下所示:
这行不是隐藏的
这一行需要隐藏。
这一行需要隐藏。

然后控制显式隐藏可以直接使用。
美元。每($(# TBL TR),功能(我){
如果(i = 0){
this.style.display =不关;
}
});
第三种方法是通过属性过滤器,它需要向TR之类的类添加一个特定的属性,如下所示:
这行不是隐藏的
这一行需要隐藏。
这一行需要隐藏。

然后控制显式隐藏可以直接使用。
VaR TRS =美元(TR { class= 'hid});
为(i = 0;i < trs.length;i++){
TRS {我}。style.display = 没有; / / TRS {我}来获取DOM对象而不是jQuery对象,因此不能直接使用(隐藏)的方法
}
它非常简单,如果要显示,则更改相应的方法以将()或显示属性显示为

实际应用:

描述:默认情况下,只显示相应页名称的行,单击单选按钮时显示不同行。
相应的页面链接*

内部链接
外部链接
相应的页面名称
新闻
通知
外部链接

隐藏并显示如下:通过ID控制:
$(输入{名称= 'f_navstate})。Click(function(){)
/ /如果($(输入{名称= 'f_navstate})。Attr(检查)= = true){
$(输入{名称= 'f_navstate})。每个(功能(我){
如果(检查){
无功f_navstate = $(输入{名称= 'f_navstate} { }。价值); / /得到一盒价值
如果(f_navstate = = 1){
警告(123);
$(# IL)显示();
$(# OL)藏();
其他{ }
警告(456);
$(# OL)显示();
$(# IL)隐藏();
}

}
});
/
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部