JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="search"/>
<div class="element-holder ">
<div class="element" data-name='etiquette1' id='1'>etiquette BROADSIDER
<div class="element" data-name='etiquette2' id='2'>BROADSIDER etiquette
</div>
<div class="element" data-name='etiquette3' id='3'>La troisième superbe étiquette de BROADSIDER
</div>
</div>
<script>
$(".search").keyup(function () {
var filter = $(this).val(), count = 0;
$(".element-holder .element").each(function () {
var current = $('.element').attr('data-name');
if ($(this).text().search(new RegExp(filter, "i")) < 0) {
$(this).fadeOut();
} else {
$(this).show();
count++;
}
});
});
</script>