javascript - 使用 jQuery 过滤 -> 动态应用更改

Question

我正在为我的网站页面上的数据构建一个搜索框。基本上，我加载了一堆表/列表并希望有一个过滤输入。

这是 JS:

$('#search-term').keyup(function(event) {

    var query = event.target.value;
    var selector = "ul:contains(" + query + ")";

    $('ul').not(selector).hide();

});

问题是搜索词发生变化，但与结果不匹配的列表仍然隐藏。换句话说，一旦我第一次输入，这些元素就会保持隐藏状态。

问题:那么如何更新选择器以匹配更改查询的结果？

Answer 1

默认显示，然后隐藏

$('#search-term').keyup(function(event) {
    $('ul').show();

    var query = event.target.value;
    var selector = "ul:contains(" + query + ")";

    $('ul').not(selector).hide();

});