JSFiddle - React, Tailwind, and code Playground

HTML

<table id="myTable" >
     <tr>
         <td>1</td><td>2</td><td>NoMatch</td><td>4</td>
     </tr>
     <tr>
         <td>1</td><td>2</td><td>Match</td><td>4</td>
     </tr>
     <tr>
         <td>1</td><td>2</td><td>Match</td><td>4</td>
     </tr>
     <tr>
         <td>1</td><td>2</td><td>Match</td><td>4</td>
     </tr>
     <tr>
         <td>1</td><td>2</td><td>Match</td><td>4</td>
     </tr>
     <tr>
         <td>1</td><td>2</td><td>Match</td><td>4</td>
     </tr>
     <tr>
         <td>1</td><td>2</td><td>Match</td><td>4</td>
     </tr>
     <tr>
         <td>1</td><td>2</td><td>Match</td><td>4</td>
     </tr>
     <tr>
         <td>1</td><td>2</td><td>Match</td><td>4</td>
     </tr>
</table>

<input id="myInput"/>

CSS

table{
  border: 1px solid black;
}

JavaScript

$('#myInput').keyup(function () { 
    var me = $(this);
    var val = me.val();
    
    $("#myTable tr").each(function() {
        var tr = $(this);
        var td = tr.find("td:eq(2)");
        
        if(td.text().substring(0, val.length) === val) {
            tr.show();
        } else {
            tr.hide();
        }
    }); 
});