Фильтрация с использованием класса или атрибута данных с использованием List.js

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>

Можно ли отфильтровать его по содержанию data-cat использовать атрибут List.js?

Все примеры, которые я видел, разрешают поиск / фильтрацию только на основе видимого HTML-контента, но я бы хотел фильтровать на основе содержимого data элемент, как здесь, или, возможно, элемент списка class, Я не вижу, как это сделать, хотя.

Answer 1

Если вы хотите использовать 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>