input--筛选

来源：互联网发布：命令行设置ip地址和mac 编辑：程序博客网时间：2024/06/05 01:27
 <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title><!--   引入jQuery --><script src='jQuery v1.11.3.min.js' type="text/javascript"></script><script type="text/javascript">  $(function(){       $("#filterName").keyup(function(){          $("table tbody tr")                    .hide()                    .filter(":contains('"+( $(this).val() )+"')")                    .show();       })  })</script></head><body><div><br/>筛选：<input id="filterName" /><br/> </div> <table>    <thead>        <tr><th>姓名</th><th>性别</th><th>暂住地</th></tr>    </thead>    <tbody>        <tr><td>张山</td><td>男</td><td>浙江宁波</td></tr>        <tr><td>李四</td><td>女</td><td>浙江杭州</td></tr>        <tr><td>王五</td><td>男</td><td>湖南长沙</td></tr>        <tr><td>找六</td><td>男</td><td>浙江温州</td></tr>        <tr><td>Rain</td><td>男</td><td>浙江杭州</td></tr>        <tr><td>MAXMAN</td><td>女</td><td>浙江杭州</td></tr>        <tr><td>王六</td><td>男</td><td>浙江杭州</td></tr>        <tr><td>李字</td><td>女</td><td>浙江杭州</td></tr>        <tr><td>李四</td><td>男</td><td>湖南长沙</td></tr>    </tbody></table> </body></html>
0 0