jQuery: simpleSearch

more at: http://stackoverflow.com/questions/12433304/live-search-through-table-rows#12433371

by javad ebrahimi

HTML

<input type="text" id="search" placeholder="Search...">
<br>
<table>
    <tr><th>Unique ID</th><th>Random ID</th></tr>
    <tr><td>214215</td><td>442</td></tr>
    <tr><td>1252512</td><td>556</td></tr>
    <tr><td>2114</td><td>4666</td></tr>
    <tr><td>3245466</td><td>334</td></tr>
    <tr><td>24111</td><td>54364</td></tr>
</table>

CSS

input{display:block}
table, tr, td, th{
    padding: 2px;
    border: 1px solid #ccc;
}

JavaScript

$("#search").keyup(function() {
    var value = this.value;

    $("table").find("tr").each(function(index) {
        if (index === 0) return;
        var id = $(this).text();
        $(this).toggle(id.indexOf(value) !== -1);
    });
});