Live-Search on a table
This fiddle demonstrates how one may execute a dynamic search on a table's unique identifier column.
This fiddle is a response to stackoverflow issue: http://stackoverflow.com/questions/12433304/live-search-through-table-rows
HTML
<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>
<br />
<input type="text" id="search" placeholder=" live search"></input>
CSS
table, tr, td, th{
border: 1px solid blue;
padding: 2px;
}
table th{
background-color: #999999;
}
JavaScript
$("#search").on("keyup", function() {
var value = $(this).val();
$("table tr").each(function(index) {
if (index !== 0) {
var $row = $(this);
//Filter down tds that match indexOf check
var matches = $row.find('td').filter(function(ix,item){
return $(item).text().indexOf(value) > -1;
});
//if matches exist then show else hide
if (matches.length != 0) {
$row.show();
}
else {
$row.hide();
}
}
});
})