JSFiddle - React, Tailwind, and code Playground

HTML

Search: <input type="text" id="search"></input>
<div class="staff-container">
    <div class="staff">
        <div class="staff-picture">
            <img src="http://icons.iconarchive.com/icons/artua/dragon-soft/256/User-icon.png" alt="" />
        </div>
        <p><span class="bold">Mr. Jhon</span><br />
        Ext. 13328<br />
        Room 328/323<br />
        <a href="mailto:asusan@wcskids.net">asusan@wcskids.net</a></p>
    </div>
</div>
<div class="staff-container">
    <div class="staff">
        <div class="staff-picture">
            <img src="http://icons.iconarchive.com/icons/artua/dragon-soft/256/User-icon.png" alt="" />
        </div>
        <p><span class="bold">Mrs. Aiello</span><br />
        Ext. 13328<br />
        Room 328/323<br />
        <a href="mailto:asusan@wcskids.net">asusan@wcskids.net</a></p>
    </div>
</div>
<div class="staff-container">
    <div class="staff">
        <div class="staff-picture">
            <img src="http://icons.iconarchive.com/icons/artua/dragon-soft/256/User-icon.png" alt="" />
        </div>
        <p><span class="bold">Mr. Rock</span><br />
        Ext. 13328<br />
        Room 328/323<br />
        <a href="mailto:asusan@wcskids.net">asusan@wcskids.net</a></p>
    </div>
</div>

JavaScript

$('#search').on('change', function(e){
    var q = e.target.value;
    
    $('div.staff-container').each(function(){
        var name = this.children[0].children[1].children[0].textContent;
        if(name.search(q) < 0) $(this).hide();
        
    });
});