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

实现:

只需要一个内容过滤即可

<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>

最新文章

  1. 第三方Girdview中文件下载的方法,以及js显示图片
  2. Spring In action chapter1_wiringBeans
  3. linux安装Mac的默认Monaco字体
  4. 《oracle每天一练》Oracle之物化视图
  5. codeforces 356 C. Compartments 构造 贪心
  6. JQuery Pagenation 知识点整理——arguments,callee,caller,apply应用(20150517)(转)
  7. Find out who the “mole” is?
  8. CSS那些事儿-阅读随笔3(清除浮动)
  9. [JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件
  10. [BZOJ 1066] [SCOI2007] 蜥蜴 【最大流】
  11. Make Things Move -- Javascript html5版(一)文件目录结构和工具方法准备
  12. Ninja介绍
  13. Linux面试题(2)
  14. java异常常见面试问题
  15. LxmlLinkExtractor类参数解析
  16. 七种经典排序算法及Java实现
  17. QQ项目(续)
  18. 4.3.6 对象的界定通过编写接口来访问带这类命名结构的表会出问题。如前所述,SQL Server的灵活性不应用作编写错误代码或创建问题对象的借口。 注意在使用Management Studio的脚本工具时,SQL Server会界定所有的对象。这不是因为这么做是必须的,也不是编写代码的最佳方式,而是因为在界定符中封装所有的对象,比编写脚本引擎来查找需要界定的对象更容易。
  19. r语言 列出所有变量
  20. [技术选型] SSH/SSI框架替代品

热门文章

  1. XMPP协议相关基础概念(Strophe学习笔记)
  2. solr :term 查询, phrase查询, boolean 查询
  3. mac上virtualBox的安装和使用
  4. dpdk中uio技术
  5. Boost中实现线程安全
  6. 去掉utf-8的Bom头:使用java以及jdbc不使用第三方库执行sql文件脚本
  7. Linux问题FAQ1
  8. WordCount程序及测试
  9. xcodebuild命令
  10. oracle安装和使用问题解决方案