jQuery find() Metode
Contoh
Kembalikan semua elemen <span> yang merupakan turunan dari <ul>:
$(document).ready(function(){
$("ul").find("span").css({"color": "red", "border": "2px solid red"});
});
Hasil:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Definisi dan Penggunaan
Metode find() mengembalikan elemen turunan dari elemen yang dipilih.
Keturunan adalah anak, cucu, cicit, dan seterusnya.
Pohon DOM: Metode ini melintasi ke bawah di sepanjang turunan elemen DOM, sampai ke turunan terakhir. Untuk hanya melintasi satu tingkat ke bawah pohon DOM (untuk mengembalikan turunan langsung), gunakan metode children() .
Catatan: Parameter filter diperlukan untuk metode find(), tidak seperti metode traversal pohon lainnya.
Tip: Untuk mengembalikan semua elemen turunan, gunakan pemilih "*".
Sintaksis
$(selector).find(filter)
Parameter | Description |
---|---|
filter | Required. A selector expression, element or jQuery object to filter the search for descendants Note: To return multiple descendants, separate each expression with a comma. |
Cobalah Sendiri - Contoh
Menggunakan pemilih "*" untuk mengembalikan semua elemen yang merupakan turunan dari <html>.
Cara mengembalikan semua elemen <span> yang merupakan turunan dari elemen <ul>.
Cara mengembalikan elemen turunan dengan nama kelas "pertama".
Cara mengembalikan beberapa elemen turunan.
Cara mengembalikan semua elemen <span> yang merupakan turunan dari elemen <ul> dengan objek jQuery.
Demonstrasi yang menunjukkan siapa sebenarnya turunan elemen <div>.