Möchte man mit jQuery einige Zeilen aus einer Tabelle ausblenden, so könnte man auf folgende einfache Lösung verfallen:
Ursprüngliche Tabelle:
Zeile 1 |
Zeile 2 |
Zeile 3 |
Tabelle mit <div> und checkbox:
Zeile 1 |
Zeile 2 |
Zeile 3 |
jQuery-Code zum Ausblenden der Zeile 2:
function hideshow() {
if ($("#cb_test").attr("checked"))
$("#test").hide();
else
$("#test").show();
}
Dieser Ansatz funktioniert leider nicht, da es nicht möglich ist, Tabellen- und Textstrukturierungelemente zu mischen. Seit HTML 4 gibt es allerdings das <tbody>-Element, das man für diesen Zweck verwenden kann:
Zeile 1 |
Zeile 2 |
Zeile 3 |
Laut HTML-Validator des W3C ist diese Lösung “HTML 4.01 Transitional”-valide.
Leave a Reply