Dynamische Volltextsuche für HTML-Tabellen

Code


$('input[type=search]').keyup(function () {
    var $rows = $('table tbody tr');
    var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();

    $rows.show().filter(function () {
        var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
        return !~text.indexOf(val);
    }).hide();
});

Erweiterung

Den Code kann man natürlich noch durch Klassen weiter verfeinern und benutzen. In diesem Beispiel wird nach Werten in allen Spalten von den einzelnen Zeilen gesucht und nicht passende ausgeblendet.


Revision #1
Created 1 year ago by Timo Reymann
Updated 1 year ago by Timo Reymann