JSFiddle - React, Tailwind, and code Playground

by wind_chime18

HTML

<input id="emp_search" />
    <input id="search" type="button" value="search" />
    <table>
       <tr>
           <th>First Name</th>
           <th>Last Name</th>
           <th>number</th>
           <th>letters</th>
           <th>Gender</th>
           <th>Company</th>
       </tr>
       <tr>
           <td>John</td>
           <td>Lennon</td>
           <td>151</td>
           <td>sf</td>
           <td>Male</td>
           <td>SMS Global (Technologies)</td>
       </tr>
       <tr>
           <td>Paul</td>
           <td>McCartney</td>
           <td>753</td>
           <td>tj</td>
           <td>Male</td>
           <td>SMS Global (Services)</td>
       </tr>
       <tr>
           <td>George</td>
           <td>Harrison</td>
           <td>24</td>
           <td>ge</td>
           <td>Female</td>
           <td>SMS AIM Technologies</td>
       </tr>
       <tr>
           <td>Ringo</td>
           <td>Starr</td>
           <td>26</td>
           <td>hg</td>
           <td>Female</td>
           <td>SMS Global (Help Desk)</td>
       </tr>
    </table>

JavaScript

$(function () {
    $(' #search ').click(function () {

        var str = $('#emp_search').val();
        var strary = str.split(' ');

        $("table").find("tr").slice(1).each(function (index) {
            var text = $.trim($(this).text());

            for (var i = 0; i < strary.length; i++) {
                console.log("%s:%s", text, strary[i]);
                var regex = new RegExp(".*\\b" + strary[i] + "\\b\.*", "gi");
                $(this).toggle(regex.test(text));
                console.log(regex.test(text));
                if (regex.test(text)) break;
            }
        });
    });
});