Html
copy
reset
Run
Netbax Online Editor Try it Yourself
<input id="find" type="text" placeholder="search...."> <ul class="find"> <li>one</li> <li>two</li> <li>three</li> <li>four</li> <li>five</li> </ul> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script> $(document).ready(function(){ $("#find").on("keyup", function() { var value = $(this).val().toLowerCase(); $(".find li").filter(function() { $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1) }); }); }); </script>
