筛选:
<테이블 너비="100%" id="se">
<머리>
| 이름 | 성격 | 地址 |
머리>
一班 |
| 大爷 | 男10 | 武汉1 td> |
| 大爷 | 男9 | 무용2 td> |
| 大爷 | 男8 | 武汉3 td> |
two班 |
| 大爷 | 男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 |
테이블>