TOC

jQuery - Beispiel für das n-te Kind

jQuery - Beispiel für die n-te untergeordnete Auswahl

Mit jQuerynth-child werden alle Elemente ausgewählt, die ntg-child des übergeordneten Elements sind. Das n-te Kind (n) ist "1-indiziert", was bedeutet, dass das "n" bei 1 beginnt.

Zum Beispiel
1. $(‘tr:nth-child(3)’) - wählt alle mit übereinstimmenden Elemente aus, die das dritte Kind ihres Elternteils sind.
2. $(‘tr:nth-child(3n)’) - wählt alle mit übereinstimmenden Elemente aus, die jedes dritte Kind ihres Elternteils sind.
3. $(‘tr:nth-child(even)’) - wählt alle Elemente aus, die mit übereinstimmen und das gerade Kind ihres Elternteils sind.

P.S The ‘even’ and ‘odd’ are always used to create table zebra stripes effect.

jQuery-Beispiel

Ein einfaches Beispiel zur Demonstration der Verwendung der Funktion nth-child, um die Hintergrundfarbe der Tabellenzeile dynamisch zu ändern. 



jQuery nth-child example







jQuery nth-child example




    
Row #1

    
Row #2

    
Row #3

    
Row #4

    
Row #5

    
Row #6

    
Row #7

    
Row #8

    
Row #9

    
Row #10

Probieren Sie die Demo aus

Related