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.