筛选:
<テーブル幅="100%" id="se">
| 姓 | 性别 | 地址 |
頭>
一班
| 大爷 | 男10 | 武汉1 td>
|
| 大爷 | 男9 | 武汉2 td>
|
| 大爷 | 男8 | 武汉3 td> |
二班
| 大爷 | 男7 | 武汉4 td>
|
| 大爷 | 男6 | 武汉5 td>
|
| 大爷 | 男5 | 武汉6 td>
|
| 大爷 | 男4 | 武汉7 td> |
三班
| 大爷 | 男3 | 武汉8 td>
|
| 大爷 | 男2 | 武汉9 td>
|
| 大爷 | 男1 | 武汉10 td> |
// jquery表格内容筛选
$(function(){
$('tr.parent').click(function(){
$(this).toggleClass("selected").siblings('.child_' this. id).toggle();
});
.selected{背景:赤};
無題のドキュメント
姓 |
年龄 |
頭>
人力部
脚本 |
20 |
脚本 |
20 |
脚本 |
20 |
技术部
脚本 |
20 |
脚本 |
20 |
脚本 |
20 |