JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="search"/>
<table id="boxdata">
            <tr>
          <td class="namebox1">jQuery</td>
        </tr>
        <tr>
          <td class="namebox2">javascript</td>
        </tr>
        <tr>
              <td class="namebox3">php</td>
        </tr>
        <tr>
          <td class="namebox4">sql</td>
        </tr>
        <tr>
          <td class="namebox5">XML</td>
        </tr>
        <tr>
          <td class="namebox6">ASP</td>
        </tr>
</table>

CSS

.red {
    color: red;
}

JavaScript

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

function searchBox(inputVal) {
    
    var regExp = new RegExp(inputVal, 'i');
    
    $('#boxdata').find('tr').removeClass('red').filter(function() {
        return $(this).find('td').filter(function() {
           return regExp.test( $(this).text() );
        }).length && $.trim(inputVal).length;
    }).addClass('red');
    
}