jQuery学习笔记2--表格内容筛选
jQuery代码 :
<script type="text/javaScript">
$(function(){
$("#filterName").keyup(function(){ //绑定键盘键入事件
$("table tbody tr").hide() // 鼠标键入的时候tr全隐藏
.filter(":contains('"+($(this).val())+"')").show(); // 匹配包含键入的指定文本并显示
}).keyup(); //DOM加载完
});
</script>
html代码:
<p>筛选:<input type="text" >
<td>赵六</td>
<td>女</td>
<td>浙江宁波</td>
</tr>
</tbody>
</table>