隱藏和顯示 table 某幾行 jQuery
阿新 • • 發佈:2019-02-18
資料從後臺傳輸過來進行顯示,對資料進行拼接
在前臺以表格形式顯現
但需要對某些行的資料進行隱藏和顯示操作。
解決辦法:
給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");
};