Latest web development tutorials

jQuery find () metode

metode traversal jQuery metode traversal jQuery

contoh

Kembali <ul> keturunan semua <span> elemen:

$(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)

Coba »

Definisi dan Penggunaan

menemukan () method mengembalikan unsur keturunan elemen yang dipilih.

Keturunan adalah anak, cucu, cicit, dan sebagainya.

DOM tree: Metode ini dilalui ke bawah sepanjang elemen DOM keturunan, semua jalur sampai keturunan terakhir (<html>). Sama seperti traversal pohon DOM bawah hirarki tunggal (kembali elemen anak langsung), menggunakan anak-anak () metode.

Catatan: parameter filter dalam metode find () diperlukan, yang berbeda dari metode traversal pohon lainnya.

Tip: Untuk mengembalikan semua keturunan dari elemen, menggunakan "*" pemilih.


tatabahasa

$(selector).find( filter )

参数 描述
filter 必需。过滤搜索后代条件的选择器表达式、元素或 jQuery 对象。

注意:如需返回多个后代,请使用逗号分隔每个表达式。

contoh

contoh yang lebih

Kembali <html> semua elemen keturunan
Gunakan "*" pemilih untuk kembali <html> semua elemen keturunan.

Kembali <ul> keturunan semua <span> elemen
Cara Kembalikan <ul> keturunan semua <span> elemen.

Pilih keturunan dengan nama kelas yang diberikan
Bagaimana mengembalikan unsur keturunan dari kelas bernama "1".

Kembali beberapa keturunan
Cara kembali beberapa elemen keturunan.

Filter pencarian dengan koleksi jQuery dari semua generasi <ul> elemen
Cara Kembalikan <ul> elemen dengan jQuery objek keturunan semua <span> elemen.

Presentasi oleh keturunan nama tag elemen
Demo <div> keturunan elemen.


metode traversal jQuery metode traversal jQuery