1. 程式人生 > >隱藏和顯示 table 某幾行 jQuery

隱藏和顯示 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");  
    };