JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="search"/>

<div id="wrapper">
    <div><span>jQuery</span></div>
    <div><span>javascript</span></div>
    <div><span>php</span></div>
    <div><span>sql</span></div>
    <div><span>XML</span></div>
    <div><span>ASP</span></div>
</div>

CSS

.red {
    color: red;
}

JavaScript

$(document).ready(function(){
   $('#search').keyup(function(){ 
    searchBox( this.value );
   });
});

function searchBox(inputVal) {
    
    var regExp = new RegExp(inputVal, 'i');
    
    $('#wrapper').children('div').removeClass('red').filter(function() {
        return $(this).children('span').filter(function() {
           return regExp.test( $(this).text() );
        }).length && $.trim(inputVal).length;
    }).addClass('red');
    
}