Javascript 使用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);

嗨,我需要在表中使用jquery进行搜索。但问题是我的代码只搜索所有行的第一个元素,而不是搜索整个表并显示结果。我怎样才能搜索整张桌子

这是我的jquery代码

$("#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在哪里?如果你能找到一段代码片段,那就太好了。它是一种放在桌面上的输入类型。为什么要重新发明轮子?使用