jquery表格內容篩選實作想法及程式碼_jquery

複製程式碼程式碼如下：

篩選：>


姓名 性別 地址 > ;
標題>
;
一班
大爺 男10 武漢1 td>
大爺 男9 武漢2 td>
大爺 男8武漢3 td>
二班
大爺 男7 武漢4
大爺 男6 武漢5
大爺 男5 武漢6
大爺 男4 武漢7
三班
大爺 男3 武漢8 td>
大爺 男2 武漢9 td>
大爺 男1 武漢10 td>

表>

$(function( ){
$("#sea").keyup(function(){
$("#se tbody tr").hide().filter(":contains(' " $(this).val () "')").show();
}).keyup();
});
腳本>

複製程式碼程式碼如下：

// jquery表格內容篩選



>


$(function(){
$('tr.parent').click(function(){
$(this).toggleClass("selected").siblings('.child_' this. id).toggle();
});
腳本>

.selected{背景：紅色};
風格>

頭>

;


第個姓名第>個
年齡

標題>
;

人力部


腳本
20


腳本
20


腳本
20


技術部


腳本
20


腳本
20


腳本
20


表>
身體>