简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

jQuery traversal find() kaedah

jQuery ialah objek koleksi Jika anda ingin mencari elemen turunan elemen ini dalam pepohon DOM, anda boleh menggunakan kaedah find() Ini juga merupakan kaedah yang sering digunakan dalam pembangunan. Di sini kita harus memberi perhatian kepada perbezaan antara kanak-kanak dan kaedah cari kanak-kanak ialah carian hubungan ibu bapa-anak, dan find ialah hubungan keturunan (termasuk hubungan ibu bapa-anak)

Fahami hubungan carian nod: <🎜. >

<div class="div" >

<ul class="son">
<li class="grandson">1</li>
< /ul>
</div>

Jika kodnya ialah $("div").find("li"), pada masa ini, li dan div ialah nenek moyang dan anda boleh mencari mereka dengan cepat melalui kaedah cari.

Pengetahuan yang perlu diperhatikan dengan kaedah find():

Cari ialah untuk melintasi keturunan setiap elemen dalam koleksi elemen semasa. Asalkan memenuhi syarat, tak kisahlah anak lelaki atau cucu.

Tidak seperti kaedah traversal pokok lain, ungkapan pemilih diperlukan parameter untuk .find(). Jika kita perlu mendapatkan semula semua elemen keturunan, kita boleh lulus pemilih kad bebas '*'.

mencari hanya melintasi keturunan, tidak termasuk dirinya sendiri.

Konteks pemilih dilaksanakan oleh kaedah .find(); oleh itu, $('.item-ii').find('li') adalah bersamaan dengan $('li', '.item- ii') (cari teg li di bawah teg dengan item nama kelas-ii).

Perkara penting untuk diperhatikan:

Kaedah find() dan .children() adalah serupa

1. Kanak-kanak hanya mencari nod anak peringkat pertama
2. Carian skop carian termasuk Semua nod keturunan nod anak

Mari tulis contoh di bawah 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <div>
        <p>php.cn</p>
        <ul>
            <li>php<span> 中文网</span></li>
        </ul>
    </div>


    <script>
        $("div").find("span").css("color",'red');
    </script>
</body>
</html>


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <div> <p>php.cn</p> <ul> <li>php<span> 中文网</span></li> </ul> </div> <script> $("div").find("span").css("color",'red'); </script> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  491992 permainan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！