0
使用jQuery的多列的表搜索功能?如何使用jQuery在多列輸入中搜索表?
<table>
<tr>
<th><input type="text" id="search" placeholder=" live search"></input></th>
<th><input type="text" id="search" placeholder=" live search"></input></th>
</tr>
<tr><th>Unique ID</th><th>Random ID</th></tr>
<tr><td>214215</td><td>442</td></tr>
<tr><td>1252512</td><td>556</td></tr>
<tr><td>2114</td><td>4666</td></tr>
<tr><td>3245466</td><td>334</td></tr>
<tr><td>24111</td><td>54364</td></tr>
</table>
<br />
<script>
$("#search").on("keyup", function() {
var value = $(this).val();
$("table tr").each(function(index) {
if (index !== 0) {
$row = $(this);
var id = $row.find("td:first").text();
if (id.indexOf(value) !== 0) {
$row.hide();
}
else {
$row.show();
}
}
});
});
</script>
我想不使用jQuery插件來實現搜索功能..
的jsfiddle鏈接這裏
http://jsfiddle.net/y9Lxdvps/1/
您好亞歷山大Madyuskin感謝,但是這在一次單獨工作列只..但這裏需要搜索兩個輸入和顯示記錄基於兩個輸入值。更新jsfiddle鏈接在這裏 - http://jsfiddle.net/y9Lxdvps/2/ –
@srinut最後一個小提琴爲我工作。你是怎麼得到錯誤的? –
實際上搜索條件是單獨工作的。但它應該一次考慮兩個輸入..這不會發生......最後一個小提琴也是。 –