Javascript 使用Jquery搜索表
嗨,我需要在表中使用jquery进行搜索。但问题是我的代码只搜索所有行的第一个元素,而不是搜索整个表并显示结果。我怎样才能搜索整张桌子 这是我的jquery代码Javascript 使用Jquery搜索表,javascript,jquery,Javascript,Jquery,嗨,我需要在表中使用jquery进行搜索。但问题是我的代码只搜索所有行的第一个元素,而不是搜索整个表并显示结果。我怎样才能搜索整张桌子 这是我的jquery代码 $("#search").on("keyup", function() { var value = $(this).val(); $(".table tr").each(function(index) { if (index !== 0) { $row = $(this);
$("#search").on("keyup", function() {
var value = $(this).val();
$(".table tr").each(function(index) {
if (index !== 0) {
$row = $(this);
var id = $row.find("td").text();
if (id.indexOf(value) !== 0) {
$row.hide();
</td>');
}
else {
$row.show();
}
}
});
});
$(“#搜索”)。在(“键控”,函数()上{
var值=$(this.val();
$(“.table tr”)。每个(函数(索引){
如果(索引!==0){
$row=$(此项);
var id=$row.find(“td”).text();
如果(id.indexOf(值)!==0){
$row.hide();
');
}
否则{
$row.show();
}
}
});
});
这是我的html表格:
<input type="text" class="form-control" name="search" id="search" placeholder="Search Records">
<table class="table table-bordered table-striped" id="employees">
<thead>
<tr>
<th>No</th>
<th>Type</th>
<th>Name</th>
<th>Temp Address</th>
<th>Permanent Address</th>
<th>Mobile</th>
<th>Home</th>
<th>Update</th>
</tr>
</thead>
<tbody><tr>
<td>27006</td>
<td>Fixer</td>
<td>Sam</td>
<td>testing address</td>
<td></td>
<td>123456</td>
<td>123456</td>
</tr>
</tbody>
<tbody><tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
</tbody>
</table>
不
类型
名称
临时地址
永久地址
可移动的
家
更新
27006
修理工
山姆
测试地址
123456
123456
测试
测试
测试
测试
测试
测试
测试
试试这个-
$(“#搜索”).keyup(函数(){
_这个=这个;
$.each($(“#employees tbody tr”),function(){
if($(this).text().toLowerCase().indexOf($(_this).val().toLowerCase())=-1)
$(this.hide();
其他的
$(this.show();
});
}); 代码>
不
类型
名称
临时地址
永久地址
可移动的
家
更新
27006
修理工
山姆
测试地址
123456
123456
测试
测试
测试
测试
测试
测试
测试
试试这个-
$(“#搜索”).keyup(函数(){
_这个=这个;
$.each($(“#employees tbody tr”),function(){
if($(this).text().toLowerCase().indexOf($(_this).val().toLowerCase())=-1)
$(this.hide();
其他的
$(this.show();
});
}); 代码>
不
类型
名称
临时地址
永久地址
可移动的
家
更新
27006
修理工
山姆
测试地址
123456
123456
测试
测试
测试
测试
测试
测试
测试
嘿,html中的$(“#搜索”)id在哪里?如果你能找到一段代码片段,那就太好了。它是一种放在桌面上的输入类型。为什么要重新发明轮子?嘿,html中的$(“#搜索”)id在哪里?如果你能找到一段代码片段,那就太好了。它是一种放在桌面上的输入类型。为什么要重新发明轮子?使用