var $rows = $('#tabela tr'); $('#szukaj_osoby').keyup(function() { var val = '^(?=.*\\b' + $.trim($(this).val()).split(/\s+/).join('\\b)(?=.*\\b') + ').*$', reg = RegExp(val, 'i'), text; $rows.show().filter(function() { text = $(this).text().replace(/\s+/g, ' '); return !reg.test(text); }).hide(); });
<input type="text" id="szukaj_osoby" placeholder="wpisz imię, nazwisko lub zawód"> <table id="tabela"> <tr> <td>imie</td> <td>nazwisko</td> <td>zawod</td> </tr> <tr> <td>Marian</td> <td>Kononowicz</td> <td>polityk</td> </tr> <tr> <td>Antek</td> <td>Kowal</td> <td>programista</td> </tr> <tr> <td>Wiesia</td> <td>Komorowska</td> <td>programistka</td> </tr> </table>
table{width:400px; padding:5px;} table tr:first-child td{font-weight:bold;} table tr td{border: 1px solid black; }