Javascript PHP&;关于表问题的jQuery实时搜索

Javascript PHP&;关于表问题的jQuery实时搜索,javascript,jquery,html,html-table,livesearch,Javascript,Jquery,Html,Html Table,Livesearch,我有一个JS文件来实时搜索表。它工作正常,搜索时会在页面上显示结果 Javascript: function Search() { var $rows = $('#table tr'); $('#search').keyup(function() { var val = '^(?=.*\\b' + $.trim($(this).val()).split(/\s+/).join('\\b)(?=.*\\b') + ').*$', reg = RegExp(val, 'i'), t

我有一个JS文件来实时搜索表。它工作正常,搜索时会在页面上显示结果

Javascript:

function Search()
{
var $rows = $('#table tr');
$('#search').keyup(function() {

var val = '^(?=.*\\b' + $.trim($(this).val()).split(/\s+/).join('\\b)(?=.*\\b') + ').*$',
    reg = RegExp(val, 'i'),
    text;

$rows.show().filter(function() {
    text = $(this).text().replace(/\s+/g, ' ');
    return !reg.test(text);
}).hide();
});
}
HTML


纳姆
个人主义者
Geblokkeerd niveau
瓦赫特伍德
维尔维德伦
(De)布洛克伦
代码在表中还有一些按钮

问题是,当它返回搜索时,表头会消失。我一直试图找出问题所在,但似乎无法解决。

当您选择

var $rows = $('#table tr');
它还选择以下标题:

<tr>
    <th>Naam</th>
    <th>Personeelsnummer</th>
    <th>Geblokkeerd niveau</th>
    <th>Wachtwoord</th>
    <th>Verwijderen</th>
    <th>(De)blokkeren</th>
</tr>

纳姆
个人主义者
Geblokkeerd niveau
瓦赫特伍德
维尔维德伦
(De)布洛克伦
并删除它们

尝试更改jQuery筛选器以跳过第一行。

当您选择

var $rows = $('#table tr');
它还选择以下标题:

<tr>
    <th>Naam</th>
    <th>Personeelsnummer</th>
    <th>Geblokkeerd niveau</th>
    <th>Wachtwoord</th>
    <th>Verwijderen</th>
    <th>(De)blokkeren</th>
</tr>

纳姆
个人主义者
Geblokkeerd niveau
瓦赫特伍德
维尔维德伦
(De)布洛克伦
并删除它们


尝试更改jQuery筛选器以跳过第一行。

感谢您的快速输入,但是我不知道如何做到这一点。。有什么方法可以排除这些标题吗?试试-$(“#table tr:not(:first)”我很高兴:)很高兴我能帮上忙谢谢你的快速输入,但是我不知道该怎么做。。有什么方法可以排除这些标题吗?试试-$(“#table tr:not(:first)”我很高兴:)很高兴我能帮上忙