Question

是的，我知道......另一个＆＃34;没有结果＆＃34;问题...对不起，但我需要问一下，因为我现在正在与它斗争几个小时，而且没有任何作用。

我有一些脚本来过滤项目，我需要你的帮助来注入一些代码来显示＆＃34;没有结果＆＃34;信息。

$("#my-search-input").keyup(function() {
    var search = $(this).val();
    $(".my-list").children().show();
    if (search)
       $(".my-list").children().not(":containsNoCase(" + search + ")").hide();
});


$.expr[":"].containsNoCase = function (el, i, m) {
    var search = m[3];
    if (!search) return false;
       return new RegExp(search,"i").test($(el).text());
};

这是我的小提琴： http://jsfiddle.net/bk13detv/22/

基本上消息应该显示在表的每个实例中。

谢谢你的时间，欢呼。

Answer 1

您可以尝试这样的事情：

    $("#my-search-input").keyup(function () {
        var search = $(this).val();
        $(".my-list").children().show();
        $('.noresults').remove();
        if (search) {
            $(".my-list").children().not(":containsNoCase(" + search + ")").hide();
            $(".my-list").each(function () {
                if ($(this).children(':visible').length == 0) 
                    $(this).append('<tr class="noresults"><td colspan="3"><em>No Results</em></td></tr>');
            });

        }
    });

有关演示，请参阅此Fiddle。

添加＆＃34;没有结果＆＃34;进入搜索/过滤脚本

1 个答案: