JSFiddle - React, Tailwind, and code Playground

by pradeep

HTML

<div id="search-criteria"/>charlessmith</div>
<input type="button" id="search" value="search"/>
<div class="contact-name"><h3><a href="##">CharlesSmith</a></h3></div>
<div class="contact-name"><h3><a href="##">raj kumar</a></h3></div>
<div class="contact-name"><h3><a href="##">Charles Smith</a></h3></div>

JavaScript

$('.contact-name').hide();
$('#search').click(function(){
    $('.contact-name').hide();
    var txt = $('#search-criteria').text();
    $('.contact-name').each(function(){
       if($(this).text().toUpperCase().indexOf(txt.toUpperCase()) != -1){
           $(this).show();
       }
    });
});