jQuery :nth-last-child() Selector
Contoh
Pilih setiap elemen <p> yang merupakan anak ketiga dari induknya, dihitung dari anak terakhir:
$("p:nth-last-child(3)")
Definisi dan Penggunaan
Selektor :nth-last-child( n ) memilih semua elemen yang merupakan anak ke- n , apa pun jenisnya, dari induknya, dihitung dari anak terakhir.
Tip: Gunakan pemilih :nth-last-of-type() untuk memilih semua elemen yang merupakan anak ke- n , dari tipe tertentu , dari induknya, dihitung dari anak terakhir.
Sintaksis
:nth-last-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-last-child(3n+2) selects each 3rd paragraph, starting at the last 2nd child |
Cobalah Sendiri - Contoh
Cara memilih elemen <p> yang merupakan anak pertama dari semua elemen <div>, dihitung dari anak terakhir.
Cara menggunakan rumus ( an + b ) untuk memilih elemen anak yang berbeda, dihitung dari anak terakhir.
Cara menggunakan genap dan ganjil untuk memilih elemen anak yang berbeda, dihitung dari anak terakhir.
Perbedaan antara p:nth-child(2), p :nth-last-child(2), p:nth-of-type(2) dan p:nth-of-last-type(2).