Selektor jQuery :nth-child().
Příklad
Vyberte každý prvek <p>, který je třetím potomkem svého rodiče:
$("p:nth-child(3)")
Definice a použití
Selektor :nth-child( n ) vybere všechny prvky, které jsou n -tým potomkem, bez ohledu na typ jejich rodiče.
Tip: Pomocí selektoru :nth-of-type() vyberte všechny prvky, které jsou n -tým potomkem určitého typu svého rodiče.
Syntax
:nth-child(n|even|odd|formula)
Parameter | Description |
---|---|
n | The index of each child to match. Must be a number. The first element has the index number 1. |
even | Selects each even child element |
odd | Selects each odd child element |
formula | Specifies which child element(s) to be selected with a formula (an + b).
Example: p:nth-child(3n+2) selects each 3rd paragraph, starting at the 2nd child element |
Zkuste si to sami - příklad
Jak vybrat každý prvek <p>, který je druhým potomkem všech prvků <div>.
Jak používat vzorec ( an + b ) k výběru různých podřízených prvků.
Jak používat sudé a liché k výběru různých podřízených prvků.
Rozdíl mezi p:nth-child(2), p :n-té-poslední-dítě(2), p:n-té-typu(2) a p:n-té-posledního-typu(2).