JQuery表格內容過濾的實作方法_jquery

複製程式碼 程式碼如下:

[html]



>


table{ border:0 ;border-collapse:collapse;}
div{font:normal 12px/17px Arial;}
td{ font:normal 12px/17px Arial;padding:2px;width:100px ;}
{ 字體：粗體12px/17px Arial;text-align:left;padding:4px;border-bottom:1pxsolid #333;width:100px;}
.even{ 背景:#FFF38F; }  /* 偶數行樣式*/* 偶數行樣式*/
.odd{ background:#FFFFEE;}   /* 奇數行樣式*/
.selected{ background:#FF6500;color:#fff;}
風格>



  $(function(){
       $("#filterName").keyup(function(){
            .hide()
                  .且過濾器( " :contains('" ( $(this).val() ) "')")
                   🎜>頭>

   

;
> 篩選：
>

    ;
        ;
        ;
       
            姓名 性別> 性別> 77th>>7th> 性別> 性別> 性別> 性別> 性別> 性別> 性別> 性別> 性別>77th>。 >       ;
        ;
            SY 🎜>            李四 女 北市
         >男 河北秦皇島市
            趙六 男 河北唐山市
            張三 男 內蒙古呼及浩特市
王六 女 內蒙古包頭市
            二狗男北京北京市
            李字 女 河北秦皇島市
            二蛋 男 東北遼寧省
      tbody>
    ;
身體>