成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? 基于jQuery實現頁面搜索功能
全站頭部文字 我要出現在這里
基于jQuery實現頁面搜索功能 657 2024-02-23   

jQuery實現頁面搜索,搜索篩選用戶輸入的內容!

查看圖片

HTML:

<div class="table">
    <table>
      <tr id="theader">
      <th>姓名</th>
      <th>性別</th>
      <th>聯系方式</th>
    </tr>
    <tr>
      <td>客服</td>
      <td>女</td>
      <td>161654466</td>
    </tr>
    <tr>
      <td>掌柜</td>
      <td>男</td>
      <td>37398378737</td>
    </tr>
    <tr>
      <td>小二</td>
      <td>男</td>
      <td>37398378737</td>
    </tr>
    <tr>
      <td>小三</td>
      <td>女</td>
      <td>3464653537</td>
    </tr>
    <tr>
      <td>小四</td>
      <td>女</td>
      <td>37398378737</td>
    </tr>
    </table>
    <input type="text"></input>
    <input type="button" value="搜索"></input>

  </div>

JQ:

$(function(){
    $("input[type=button]").click(function(){
      var txt=$("input[type=text]").val();
      if($.trim(txt)!=""){

        $("table tr:not('#theader')").hide().filter(":contains('"+txt+"')").show().css("background","red");
      }else{
        $("table tr:not('#theader')").css("background","#fff").show();
      }
    });
  })

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持綠夏網。



主站蜘蛛池模板: 比基尼美女跳舞视频| 水怪电影| 电影《来的都是客》| 房东小姐| 香港之夜在线观看免费观看| 风间由美风间ゆみav| 碟仙诡谭| pulp fiction| 红灯区在线观看完整版| 釜山电影节| 北京卫视节目表今天| 韩国电影闵度允主演电影| 美国电影《超能力》免费观看| 金珊| 陶飞霏| 财神经正版全文| 九龙虫粪便的功效与吃法| 彭丹露点| 免费看污污的视频| 日本尻逼| 烽火流金电视剧全集免费观看| 雾里看花电视剧剧情介绍| 少先队应知应会知识题库及答案 | 生活秀| 免费观看电影网| 黑暗女监日本电影完整版叫什么| 风间由美的作品| 国考岗位| 内蒙古电视台雷蒙| 永夜星河演员| 抖音网页版登录| 双重曝光韩剧在线观看| 白雪公主和七个小矮人电影| 五下数学第二单元思维导图 | 潇湘影院| 强者世界| 膨腹爱好者撑肚子视频| 性感瑜伽| 吻电影| 吉泽明步电影| 砵兰街大少国语版免费观看|

!??!站長長期在線接?。?!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103