JS表搜索/排序/筛选

Question

在表中搜索时遇到问题。就像我试过list.js一样，但它不起作用。我找到了这段代码，但它也不起作用。

var $rows = $('#table tr');
        $('#search').keyup(function() {
            var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();

            $rows.show().filter(function() {
                var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
                return !~text.indexOf(val);
            }).hide();
        });

我测试了一下，这个函数甚至不会触发。我带着警觉试过了。我看不出有什么问题，但我不太擅长JS/jQuery，所以可能我在什么地方做错了:/

顺便说一句:这是表格HTML：

<table id="table" class="mdl-data-table mdl-js-data-table mdl-shadow--2dp">
    <tr>
        <th></th>
        <th>Jméno</th><th>Příjmení</th>
        <th>Adresa</th><th>Datum narození</th>
        <th>Pohlaví</th><th>Připomenutí</th>
        <th>Poslední kontakt</th><th>Skupina</th>
    </tr>
    <tr style='cursor:pointer;' onclick='window.location.href = "./mf_contact_form.php?cid=168"'>
        <td>
            <span style='margin: 0px; padding: 0px; width:1px; background:#da00ff; float:left; margin-left: -20px; height: 100%;'></span><img src='[HIDDEN]' style='width: 64px; height: 64px; border-radius: 50%;'>
        </td>
        <td>
            Test
        </td>
        <td>
            Test
        </td>
        <td>
            Test
        </td>
        <td>
            5615-12-06
        </td>
        <td>
            Muž
        </td>
        <td>
            3x za týden
        </td>
        <td>
            Žádná historie
        </td>
        <td>
            gjh
        </td>
    </tr>
</table>

它是由PHP生成的，但我不认为这会导致这个问题。

Answer 1

正如Yury所说的(“当你执行代码时，#search输入实际上是可用的吗?试试console.log($('#search').length)。如果长度为0。你需要将脚本标签放在正文的末尾(至少在输入和表的下面)，或者使用dom ready event $(function(){/*your code here*/})”- Yury Tarabanko)

执行代码时输入不可用