Contoh
Kembali semua elemen saudara sebelumnya masing-masing <li> elemen dengan nama kelas "start" :
$(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)
Cobalah sendiri " Definisi dan Penggunaan
The prevAll() method mengembalikan semua elemen saudara sebelumnya dari elemen yang dipilih.
elemen saudara adalah elemen yang berbagi induk yang sama.
Pohon DOM: Metode ini melintasi mundur bersama saudara 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 | Deskripsi |
|---|---|
| filter | Pilihan. Menentukan ekspresi pemilih untuk mempersempit pencarian saudara sebelumnya Catatan: Untuk kembali beberapa saudara kandung, memisahkan setiap ekspresi dengan koma. |
Coba Sendiri - Contoh
Mempersempit pencarian
Bagaimana untuk menyaring pencarian elemen saudara sebelumnya.
Kembali beberapa saudara kandung
Cara menggunakan parameter penyaring untuk mengembalikan semua saudara kandung dari <h2> elemen yang memiliki nama kelas "first", "second" dan "third" .
Pilih semua elemen saudara sebelumnya dari <p> elemen
Bagaimana memilih semua elemen saudara sebelumnya dari <p> elemen.
Pilih semua saudara sebelumnya <p> elemen <div>
Bagaimana memilih semua saudara sebelumnya <p> elemen setiap <div> elemen.