使用List.js使用类或数据属性进行筛选
使用List.js使用类或数据属性进行筛选
提问于 2016-01-13 12:24:02
如果我有这样的HTML列表：
<div id="my-list">
<ul class="list">
<li data-cat="fish">Cod</li>
<li data-cat="fish">Salmon</li>
<li data-cat="bird">Crow</li>
</ul>
</div>是否可以根据data-cat属性的内容使用List.js对其进行筛选
我看到的所有示例都只允许基于可见的HTML内容进行搜索/筛选，但我想根据data元素的内容进行筛选，如这里所示，或者列表项的class。但我不知道该怎么做。
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-12-22 13:41:50
如果您希望使用jQuery而不是list.js来查找和隐藏/显示具有匹配的类/数据元素就像你在这里说的的元素，则只需使用.filter即可。
例如，如果您想用fish作为data-cat隐藏项目
$('.list li').filter('[data-cat="fish"]').hide();<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<div id="my-list">
<ul class="list">
<li data-cat="fish">Cod</li>
<li data-cat="fish">Salmon</li>
<li data-cat="bird">Crow</li>
</ul>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34766658
复制相关文章
相似问题
腾讯云开发者
