我是靠谱客的博主 光亮月饼,最近开发中收集的这篇文章主要介绍隐藏和显示 table 某几行 jQuery,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述


数据从后台传输过来进行显示,对数据进行拼接
在前台以表格形式显现
但需要对某些行的数据进行隐藏和显示操作。
解决办法:
给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>


注意JS中和页面中class名称的拼接 我这里用的jQuery
各种双引号单引号和 ‘’ 转义字符  。。。修改了很长时间。。。
jQuery 代码:
function showDetail(classname){  
        $('.'+classname).removeAttr("hidden");   
    };  
      
    function hideDetail(classname){  
        $('.'+classname).attr("hidden","hidden");  
    }; 

最后

以上就是光亮月饼为你收集整理的隐藏和显示 table 某几行 jQuery的全部内容,希望文章能够帮你解决隐藏和显示 table 某几行 jQuery所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(52)

评论列表共有 0 条评论

立即
投稿
返回
顶部