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最后一个小提琴为我工作。你是怎么得到错误的? –
实际上搜索条件是单独工作的。但它应该一次考虑两个输入..这不会发生......最后一个小提琴也是。 –