码迷,mamicode.com
首页 > 其他好文 > 详细

input keyup的时候实现内容过滤

时间:2017-09-09 19:41:52      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:function   lte   key   tab   this   text   实现   bbb   就会   

当在文本框中输入关键字,就会搜索出包含关键字的数据

实现:

只需要一个内容过滤即可

<body>
  <input type="text" id="searchbox"/>
  <table>
    <tbody>
      <tr>
        <td>aaa</td>
        <td>bbb</td>
      </tr>
      <tr>
        <td>bbb</td>
        <td>ccc</td>
      </tr>
    </tbody>
  </table>
  <script>
    $(function(){
      $(‘#searchbox‘).keyup(function(){
        $("table tbody tr").hide()
        .filter(":contains("+($(this).val())+")").show();//filter和contains共同来实现这个功能
      })
    })
  </script>
</body>

input keyup的时候实现内容过滤

标签:function   lte   key   tab   this   text   实现   bbb   就会   

原文地址:http://www.cnblogs.com/rachelch/p/7498976.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!