JSFiddle - React, Tailwind, and code Playground

by Kamruz Jaman

HTML

<ul id="filter">
<li data-filter="tag1">Tag1</li>
<li data-filter="tag2">Tag2</li>
<li data-filter="tag3">Tag3</li>
<li data-filter="tag4">Tag4</li>
<li data-filter="tag5">Tag5</li>
</ul>

<ul id="elementstofilter">
<li id="d1" data-tags="tag1 tag2 tag3 tag4 tag5">1</li>
<li id="d2" data-tags="tag1">2</li>
<li id="d3" data-tags="tag1 tag2 tag5">3</li>
<li id="d4" data-tags="tag3 tag4">4</li>
</ul>

CSS

#elementstofilter li { display: none; }

JavaScript

$('#elementstofilter li').filter('[data-tags*="tag1"][data-tags*="tag5]').show()