jQuery :nth-child() Pemilih
Contoh
Pilih setiap elemen <p> yang merupakan anak ketiga dari induknya:
$("p:nth-child(3)")
Definisi dan Penggunaan
Selektor :nth-child( n ) memilih semua elemen yang merupakan anak ke- n , apa pun jenisnya, dari induknya.
Tip: Gunakan pemilih :nth-of-type() untuk memilih semua elemen yang merupakan anak ke- n , dari tipe tertentu , dari induknya.
Sintaksis
: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 |
Cobalah Sendiri - Contoh
Cara memilih setiap elemen <p> yang merupakan anak 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).