过滤自助4张牌

时间:2018-03-01 15:39:49

标签: bootstrap-4

有没有人遇到过在html页面上过滤引导卡/结果的脚本,并设置类以便隐藏它们?

像这样:Filter cards in Bootstrap 4 with jQuery(不起作用)

我在桌子上使用这样的东西,但它不适用于不同的html。有什么想法吗?

$(".search").keyup(function () {
        var searchTerm = $(".search").val();
        var listItem = $('.results tbody').children('tr');
        var searchSplit = searchTerm.replace(/ /g, "'):containsi('")

        $.extend($.expr[':'], {
            'containsi': function (elem, i, match, array) {
                return (elem.textContent || elem.innerText || '').toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0;
            }
        });

        $(".results tbody tr").not(":containsi('" + searchSplit + "')").each(function (e) {
            $(this).attr('class', 'd-none');
        });

        $(".results tbody tr:containsi('" + searchSplit + "')").each(function (e) {
            $(this).attr('class', 'visible');
        });

        var jobCount = $('.results tbody tr[class="visible"]').length;
        $('.counter').text(jobCount + ' (i)');

        if (jobCount == '0') {
            $('.no-result').show();
        }
        else {
            $('.no-result').hide();
        }
    });
});

脚本如:https://vestride.github.io/Shuffle/似乎太多了!

0 个答案:

没有答案