JSFiddle - React, Tailwind, and code Playground

by charaf11

HTML

<input type='text' id='search' />
<input type='submit' id='submit'/>
<table>
    <thead>
        <tr>
            <th>One</th>
            <th>Two</th>
            <th>Three</th>
            <th>Four</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>row one</td>
            <td>row one</td>
            <td>row one</td>
            <td>row one</td>
        </tr>
        <tr>
            <td>row two</td>
            <td>row two</td>
            <td>row two</td>
            <td>row two</td>
        </tr>
        <tr>
            <td>row three</td>
            <td>row three</td>
            <td>row three</td>
            <td>row three</td>
        </tr>
        <tr>
            <td>row four</td>
            <td>row four</td>
            <td>row four</td>
            <td>row four</td>
        </tr>
    </tbody>
</table>

JavaScript

$('#submit').click(function(){
$("td").css('border','');
var tag=$('#search').val();
    
$("td:contains("+tag+")").css('border', '1px solid red');

});