Question

如果我有这样的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>

是否可以使用List.js根据data-cat属性的内容对其进行过滤？

我见过的所有示例都只允许基于可见HTML内容进行搜索/过滤，但我想根据data元素的内容进行过滤，如此处，或者列表项{ {1}}。我不知道怎么做。

Answer 1

如果您想使用jQuery代替list.js来查找和隐藏/显示具有匹配的类/数据元素as you commented here的元素，您只需使用.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>

使用List.js使用类或数据属性进行过滤

1 个答案: