jquery.hermione.de

Tabelle mit Filter

Tags	Filter, Table, Stripes
Abstract	Tabelle mit Filterfunktion.
Zuletzt geaendert	2010-01-04 (von 2008-03-06)
Browser (getestet)	FF3.5, IE8
jQuery Version	1.3.2
Plugins
Demos	Table Striping
Hilfreiche Links	Zebra Striping Made Easy with jQuery Tutorial von Jack Born (engl.)

Der Filter :even findet alle geradzahligen Elemente (vgl. odd).


$("tr:even").addClass("second");

Der Filter :contains(text) findet alle Elemente mit dem angegebenen Text.


$("input").bind("keyup", function() {
   $("tr")
      .filter(":contains(" + $(this).val() + ")")
      .show();
});

Nach dem Filtern muss die Tabelle nochmal neu gestreift werden, da durch das Filtern die Streifen aus ihrer Ordnung geraten.


$("tr")
   .removeClass("second")
   .filter(":contains(" + filterTxt + "):even")
   .addClass("second");