有没有人遇到过在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/似乎太多了!