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.

Back to top