Javascript PHP&;关于表问题的jQuery实时搜索
我有一个JS文件来实时搜索表。它工作正常,搜索时会在页面上显示结果 Javascript: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
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)”我很高兴:)很高兴我能帮上忙