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

導航首頁 ? 技術教程 ? 基于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();
      }
    });
  })

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



主站蜘蛛池模板: 武汉日夜| 七品芝麻官豫剧| 李路导演简介| 老阿姨电视剧在线观看| 麻辣烫热量| 新红楼梦惊艳版| 色戒在线收看| 伊人1314| 过客图片| 谭耀文演的电影| 用力快点| 黑龙江省地图高清全图| 《我的美女老板》电视剧| 凌晨晚餐| 生死搏斗| 一年级数学应用题| 侠侣探案| 朱莉安妮全集在线观看免费| 355 电影| www.douyin.com官网| 隐秘的角落豆瓣| 捉泥鳅的歌词| 456电影网络重口味456| 寰宇地理| 南来北往连续剧免费观看完整版| 王卓淇| www.douyin.com/pay| 未来少年柯南 动漫| 77316电影| 电视播放| 刘浩存《一秒钟》舞蹈| 牛油果营养价值| 黄视频免费在线看| 恶行之外电影完整播放| 延边卫视节目表| 推拿电影| xiee| 啵乐乐| 绿门背后| 新垣结衣18部无删减电影| 二年级上册数学试卷题全套|

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

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

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

站長微信:lxwl520520

站長QQ:1737366103