input keyup的时候实现内容过滤
Posted rachelch
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了input keyup的时候实现内容过滤相关的知识，希望对你有一定的参考价值。
当在文本框中输入关键字，就会搜索出包含关键字的数据
实现：
只需要一个内容过滤即可
<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的时候实现内容过滤的主要内容，如果未能解决你的问题，请参考以下文章