1

次のような 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.jsdata-catを使用して属性の内容に基づいてフィルタリングすることは可能ですか?

data私が見たすべての例では、表示されている HTML コンテンツに基づいた検索/フィルタリングのみが許可されていますが、要素のコンテンツに基づいてフィルタリングしたいと思いますclass。しかし、これを行う方法がわかりません。

4

1 に答える 1

0

ここでコメントしたように、 list.jsの代わりに jQuery を使用して、一致するクラス/データ要素を持つ要素を検索および非表示/表示する場合は、単に..filter

たとえば、fishasで項目を非表示にする場合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>

于 2016-12-22T13:41:50.493 に答える