隐藏和显示 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");  
    };