ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryテーブルコンテンツフィルタリングの実装アイデアとcode_jquery

jqueryテーブルコンテンツフィルタリングの実装アイデアとcode_jquery

WBOY
WBOYオリジナル
2016-05-16 17:36:45944ブラウズ

复制代代码如下:

筛选:
<テーブル幅="100%" id="se">

姓性别地址

一班
大爷男10武汉1
大爷男9武汉2
大爷男8武汉3
二班
大爷男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 までご連絡ください。