javascript - 如何切换不等于特定文本/类别的所有列表项?
问题描述
我有一个 HTML 列表,想要筛选特定类别。例如,我的清单是:
<ul class="myList">
<li class="list-choose">
<input class="input-choose" type="checkbox" id="[ID]" name="ID[]"/>
<label class="label-choose" for=[ID]></label>
<div class="subtitle">
<span class="category">[category]</span>
</div>
</li>
</ul>
(总共有大约 40 个列表项,应按类别选择过滤)
现在我想创建一个类别过滤器(以复选框/按钮/..的形式),以便您可以选择要显示的类别并隐藏不在该选定类别中的所有其他元素。我的列表项是由一个数组(ae [category])创建的,因此列表项有自己的类别。但是我怎样才能只过滤选定的类别呢?我希望任何人都可以帮助我,因为我的 Javascript 知识不是最好的。
谢谢!
我试过这个 Javascript 但它不起作用:
function filter(element) {
var $trs = $('#myList .list-choose .subtitle input label').hide();
var regexp = new RegExp($(element).val(), 'i');
var $valid = $trs.filter(function () {
return regexp.test($(this).find('label').text())
}).show();
$trs.not($valid).hide()
}
$('input, select').on('keyup change', function () {
if($(this).val() !== ""){
filter(this);
} else{
$('#myList .list-choose .subtitle').show();
}
});
解决方案
推荐阅读
- angular - 创建时未分配观察者
- firebase-authentication - 是否可以在 Firestore 中查询用户?
- go - 如何找到机器可以使用的 ipv6 地址范围(前缀?),以及如何将 ipv6 的子网转换为 IP 地址片?
- swift - 如果文本为空,RxSwift 退出可观察链
- ms-access - VBA Microsoft Access 复选框不过滤数据
- machine-learning - Apple Vision 创建自定义 VNImageBasedRequest
- javascript - 为什么这个错误/错误出现在角度
- linux - 从一个参数和一个参数中获取输入
- php - Woocommerce 上单个产品页面中的自定义数量
- haskell - 如何防止堆栈为每个新项目下载 GHC?