jQuery prevAll() Metode
Contoh
Kembalikan semua elemen saudara sebelumnya dari setiap elemen <li> dengan nama kelas "mulai":
$(document).ready(function(){
$("li.start").prevAll().css({"color": "red", "border": "2px solid red"});
});
Hasil:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Definisi dan Penggunaan
Metode prevAll() mengembalikan semua elemen saudara sebelumnya dari elemen yang dipilih.
Elemen saudara adalah elemen yang memiliki induk yang sama.
Pohon DOM: Metode ini melintasi mundur sepanjang saudara dari elemen DOM.
Metode terkait:
- prev() - mengembalikan elemen saudara berikutnya dari elemen yang dipilih
- prevUntil() - mengembalikan semua elemen saudara berikutnya antara dua argumen yang diberikan
Sintaksis
$(selector).prevAll(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for previous siblings Note: To return multiple siblings, separate each expression with a comma. |
Cobalah Sendiri - Contoh
Cara memfilter pencarian elemen saudara sebelumnya.
Bagaimana menggunakan parameter filter untuk mengembalikan semua saudara kandung dari elemen <h2> yang memiliki nama kelas "pertama", "kedua" dan "ketiga".
Cara memilih semua elemen saudara sebelumnya dari elemen <p>.
Cara memilih semua elemen <p> saudara sebelumnya dari setiap elemen <div>.