JavaScript – nächste Reihe in einer Tabelle finden und einblenden

Nachfolgend ein kurzes Script zum ermitteln der nächsten ausgeblendeten Reihe (tr) in einer Tabelle (table) und anzeigen dieser.

HTML

<table>
<tr><td>Text1</td><td><button class=”show-row”></button></td></tr>
<tr style=”display:none;”><td>Text2</td><td>Text3</td></tr>
</table>

Script

jQuery(“.show-row”).click(function(){
Status = jQuery(this).closest(“tr”).next().css(“display”);
if(Status == ‘none’){
jQuery(this).closest(“tr”).next().css(“display”, “inline”);
}else{
jQuery(this).closest(“tr”).next().css(“display”, “none”);
}
});

Es wird eine Tabelle mit einer Zeile angezeigt, die zweite ist ausgeblendet. Wird auf den Button gedrückt, wird die zweite Zeile eingeblendet.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.