1

有没有人遇到过在 html 页面上过滤引导卡/结果并设置类以使其隐藏的脚本？

像这样：使用 jQuery 在 Bootstrap 4 中过滤卡片（不起作用）

我在桌子上使用了类似的东西，但它不适用于不同的 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/ 这样的脚本似乎太多了！

4

0 回答 0