概述
数据从后台传输过来进行显示,对数据进行拼接
在前台以表格形式显现
但需要对某些行的数据进行隐藏和显示操作。
解决办法:
给table中的 tr标签 拼接合适的class
起一个合适变化的class名
如果不是批量的话可以起一个静态class名
并添加 hidden
<table border="1">
<tr class='hid"+data.d[i].id+"' hidden='hidden'>黄色部分为class名称
<td>要隐藏显示</td>
<td>要隐藏显示</td>
<td>要隐藏显示</td>
</tr>
<tr>
<td>不要隐藏显示</td>
<td>不要隐藏显示</td>
<td>不要隐藏显示</td>
</tr>
</table>
隐藏显示的超链接(调用javascript):
<a href= 'javascript:showDetail("hid"+data.d[i].id+"" )'>展开</a>
<a href= 'javascript:hideDetail("hid"+data.d[i].id+"")'>收起</a>
各种双引号单引号和 ‘’ 转义字符 。。。修改了很长时间。。。
jQuery 代码:
function showDetail(classname){
$('.'+classname).removeAttr("hidden");
};
function hideDetail(classname){
$('.'+classname).attr("hidden","hidden");
};
最后
以上就是光亮月饼为你收集整理的隐藏和显示 table 某几行 jQuery的全部内容,希望文章能够帮你解决隐藏和显示 table 某几行 jQuery所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复