jQuery : selektor n-tego typu()
Przykład
Wybierz każdy <p> element, który jest trzecim <p> elementem swojego rodzica:
$("p:nth-of-type(3)")
Definicja i użycie
Selektor :nth-of-type( n ) wybiera wszystkie elementy, które są n - tym dzieckiem określonego typu ich rodzica.
Wskazówka: Użyj selektora :nth-child() , aby wybrać wszystkie elementy, które są n - tym dzieckiem, niezależnie od typu ich rodzica.
Składnia
: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 |
Spróbuj sam — przykład
Jak wybrać każdy element <p>, który jest drugim elementem <p> ze wszystkich elementów <div>.
Jak używać formuły ( an + b ) do wybierania różnych elementów podrzędnych.
Jak używać parzystych i nieparzystych do wybierania różnych elementów podrzędnych.
Różnica między p:nth-child(2), p :nth-last-child(2), p:nth-of-type(2) i p:nth-of-ast-type(2).