input keyup的時候實現內容過濾
阿新 • • 發佈：2017-09-09
nta inpu 一個 aaa ide put show search 文本
$("table tbody tr").hide()
.filter(":contains("+($(this).val())+")").show();//filter和contains共同來實現這個功能
})
})
</script>
</body>
當在文本框中輸入關鍵字，就會搜索出包含關鍵字的數據
實現：
只需要一個內容過濾即可
<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的時候實現內容過濾