Contoh
Kembali semua <span> elemen yang keturunan <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)
Cobalah sendiri " Definisi dan Penggunaan
The find() metode kembali kekerabatan unsur elemen yang dipilih.
Sebuah keturunan adalah anak, cucu, cicit, dan sebagainya.
DOM tree: Metode ini melintasi bawah di sepanjang keturunan elemen DOM, semua jalan ke keturunan terakhir. Untuk hanya melintasi satu tingkat ke bawah pohon DOM (untuk kembali anak-anak langsung), menggunakan children() metode.
Catatan: Parameter Filter diperlukan untuk find() metode, seperti sisa metode traversal pohon.
Tip: Untuk kembali semua elemen keturunan, menggunakan "*" pemilih.
Sintaksis
$(selector).find( filter )| Parameter | Deskripsi |
|---|---|
| filter | Wajib. Ekspresi pemilih, elemen atau objek jQuery untuk menyaring pencarian keturunan Catatan: Untuk kembali beberapa keturunan, memisahkan setiap ekspresi dengan koma. |
Coba Sendiri - Contoh
Kembali semua elemen keturunan <html>
Menggunakan "*" pemilih untuk mengembalikan semua elemen yang adalah keturunan dari <html> .
Kembali semua <span> elemen yang keturunan <ul>
Bagaimana mengembalikan semua <span> elemen yang adalah keturunan dari <ul> elemen.
Hanya pilih keturunan dengan nama kelas yang diberikan
Bagaimana untuk kembali unsur-unsur keturunan dengan nama kelas "first" .
Kembali beberapa keturunan
Cara kembali beberapa elemen keturunan.
Menyaring pencarian keturunan dengan koleksi jQuery semua <ul> elemen
Bagaimana mengembalikan semua <span> elemen yang adalah keturunan dari <ul> elemen dengan objek jQuery.
Tampilkan keturunan elemen dengan nama tag
Sebuah demonstrasi yang menunjukkan yang keturunan dari <div> elemen sebenarnya.