Question

我有一个JS文件来livesearch一个表。它工作正常，并在您搜索时在页面上显示结果。

使用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

 <table class="table" id="table">
    <input type="text" id="search" placeholder="Type to search" onkeyup="Search();">
    <tr>
        <th>Naam</th>
        <th>Personeelsnummer</th>
        <th>Geblokkeerd niveau</th>
        <th>Wachtwoord</th>
        <th>Verwijderen</th>
        <th>(De)blokkeren</th>
    </tr>
    <?php
     while ($row = mysqli_fetch_array($result)) {?>
    <tr>
    <td><?php echo $row['P_Naam'];?></td>
    <td><?php echo $row['P_ID'];?></td>
    <td><?php echo $row['P_Blocked'];?></td>

代码继续使用表中的一些按钮。

问题在于，当它返回搜索时，表格标题消失了。我一直试图弄清楚问题是什么，但似乎无法弄明白。

Answer 1

选择

时

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>

并删除它们。

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

PHP＆amp; jQuery实时搜索表问题

1 个答案: