jQuery : tipe-n () Pemilih
Contoh
Pilih setiap elemen <p> yang merupakan elemen <p> ketiga dari induknya:
$("p:nth-of-type(3)")
Definisi dan Penggunaan
Selektor :nth-of-type( n ) memilih semua elemen yang merupakan anak ke- n , dari tipe tertentu, dari induknya.
Tip: Gunakan pemilih :nth-child() untuk memilih semua elemen yang merupakan anak ke- n , apa pun tipenya , dari induknya.
Sintaksis
: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 |
Cobalah Sendiri - Contoh
Cara memilih setiap elemen <p> yang merupakan elemen <p> kedua dari semua elemen <div>.
Cara menggunakan rumus ( an + b ) untuk memilih elemen turunan yang berbeda.
Cara menggunakan genap dan ganjil untuk memilih elemen turunan yang berbeda.
Perbedaan antara p:nth-child(2), p :nth-last-child(2), p:nth-of-type(2) dan p:nth-of-last-type(2).