jQuery学习笔记2--表格内容筛选

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>