JSFiddle - React, Tailwind, and code Playground

by maxibaezpy

HTML

<input type="text" />

<ul id="category1">
    <li>test 1</li>
    <li>item3</li>
    <li>test 3</li>
    <li>hola 1</li>
    <li>chau 3</li>
</ul>

JavaScript

$(function(){

    $('input[type="text"]').keyup(function(){
        
        var searchText = $(this).val();
        
        $('ul > li').each(function(){
            
            var currentLiText = $(this).text(),
                showCurrentLi = currentLiText.indexOf(searchText) !== -1;
            
            $(this).toggle(showCurrentLi);
            
        });     
    });

});