用jquery做一個篩選信息的效果。首先要加入對jquery的支持，這個自己加即可
jsp頁面：
篩選：<input type="text" id="shai"/>
<table>
<thead><tr><td>姓名</td><td>性別</td><td>年齡</td><td>生日</td></tr></thead>
<tbody>
<tr><td>張三</td><td>男</td><td>15</td><td>1999</td></tr>
<tr><td>李四</td><td>男</td><td>18</td><td>1999</td></tr>
<tr><td>王五</td><td>男</td><td>15</td><td>1999</td></tr>
</tbody>
</table>
js代碼：
<script>
$(document).ready(function(){
$("#shai").keyup(function(){
$("table tbody tr").hide().filter(":contains('"+($(this).val())+"')").show();
});keyup();//這句一定要有。
})
</script>
效果：
當在輸入框輸入“張”或者表格中任意一個字時，會將該行篩選出來。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
