Selektor jQuery :nth-of-type().
Příklad
Vyberte každý prvek <p>, který je třetím prvkem <p> jeho rodiče:
$("p:nth-of-type(3)")
Definice a použití
Selektor :nth-of-type( n ) vybere všechny prvky, které jsou n -tým potomkem určitého typu svého rodiče.
Tip: Použijte selektor :nth-child() k výběru všech prvků, které jsou n -tým potomkem, bez ohledu na typ , jejich rodiče.
Syntax
:nth-of-type(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-of-type(3n+2) selects each 3rd paragraph, starting at the 2nd paragraph |
Zkuste si to sami - příklad
Jak vybrat každý prvek <p>, který je druhým prvkem <p> ze 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).