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

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

Adblock Detected!

Taste-of-IT ist nur machbar, wenn auch die Werbung angezeigt wird. Wir versuchen hierbei diese so dezent wie möglich einzubinden, sodass der Besuch nicht beeinträchtigt wird. Unterstütze uns und setze Taste-of-IT.de in die Whitelist deines Browser. Vielen Dank