>웹 프론트엔드 >JS 튜토리얼 >jquery 테이블 콘텐츠 필터링 구현 아이디어 및 code_jquery

jquery 테이블 콘텐츠 필터링 구현 아이디어 및 code_jquery

WBOY
WBOY원래의
2016-05-16 17:36:451007검색

复主代码 代码如下:

筛选:
<테이블 너비="100%" id="se">
<머리>
이름성격地址

一班
大爷男10武汉1
大爷男9무용2
大爷男8武汉3
two班
大爷男7武汉4
大爷男6武汉5
大爷男5武汉6
大爷男4武汉7
三班
大爷男3武汉8
大爷男2武汉9
大爷男1武汉10




复代码 代码如下:

// jquery表格内容筛选


<머리>


<스크립트>
$(function(){
$('tr.parent').click(function(){
$(this).toggleClass("selected").siblings('.child_' this. id).toggle();
})
});

<스타일>
.selected{배경:빨간색};

제목 없는 문서

<본문>
<테이블>
<머리>

이름
年龄




인력부


脚本
20


脚本
20


脚本
20


技术부


脚本
20


脚本
20


脚本
20





성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.