JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="input" class="input" value="" />
<div id="main" class="main">
    <div id="header">Main</div>
    <div id="global1" class="global">
        Global1
        <div id="small11" class="small">aaaaaa</div>
        <div id="small12" class="small">aaabaa</div>
        <div id="small13" class="small">aaacaa</div>
        <div id="small14" class="small">aaadaa</div>
        <div id="small15" class="small">aaaeaa</div>
    </div>
    <div id="global2" class="global">
        Global2
        <div id="small21" class="small">abcdef</div>
        <div id="small22" class="small">fedcba</div>
        <div id="small23" class="small">facbde</div>
        <div id="small24" class="small">decfab</div>
        <div id="small25" class="small">bacfed</div>
    </div>
    <div id="global3" class="global">
        Global3
        <div id="small31" class="small">eeeeee</div>
        <div id="small32" class="small">eabdc</div>
        <div id="small33" class="small">bcdae</div>
        <div id="small34" class="small">dcbea</div>
        <div id="small35" class="small">eadcb</div>
    </div>
    <div id="global4" class="global">
        Global4
        <div id="small41" class="small">decab</div>
        <div id="small42" class="small">baced</div>
        <div id="small43" class="small">becad</div>
        <div id="small44" class="small">daceb</div>
        <div id="small45" class="small">cedab</div>
    </div>
    <div id="global5" class="global">
        Global5
        <div id="small51" class="small">cadeb</div>
        <div id="small52" class="small">cadeb</div>
        <div id="small53" class="small">cedab</div>
        <div id="small54" class="small">eadcb</div>
        <div id="small55" class="small">aebdc</div>
    </div>
</div>

JavaScript

$('#input').on('input', function() {

    var value = this.value;

    $('.global div').css('background', '').filter(function() {
        return $(this).text().indexOf(value) !== -1;
    }).css('background', 'red');
});