Bagaimana untuk mendapatkan elemen kanak-kanak dalam jquery

Apabila menggunakan jQuery untuk melaksanakan operasi DOM, anda selalunya perlu mendapatkan elemen anak elemen untuk langkah seterusnya. Artikel ini akan menerangkan secara terperinci cara menggunakan jQuery untuk mendapatkan elemen kanak-kanak.

1. pemilih elemen kanak-kanak jQuery

Dalam jQuery, anda boleh menggunakan pemilih elemen kanak-kanak untuk mendapatkan elemen kanak-kanak. Pemilih elemen kanak-kanak menggunakan simbol ">", yang memilih elemen anak langsung sesuatu elemen.

Sebagai contoh, anda boleh menggunakan kod berikut untuk mendapatkan semua elemen anak langsung elemen dengan id induk:

$("#parent > *")

Di mana, simbol "*" mewakili semua elemen.

Jika anda ingin mendapatkan elemen yang kelasnya adalah anak antara elemen anak langsung dengan id unsur induk, anda boleh menggunakan kod berikut:

$("#parent > .child")

di mana "" mewakili pemilih kelas .

2. kaedah traversal sub-elemen jQuery

jQuery menyediakan satu siri kaedah untuk melintasi sub-elemen sesuatu elemen. Kaedah

1. kanak-kanak()

kanak-kanak() mengembalikan semua anak langsung bagi elemen yang ditentukan. Ia tidak mengembalikan semua unsur keturunan.

Sebagai contoh, kod berikut boleh mengembalikan semua elemen anak langsung semua elemen dengan id induk:

$("#parent").children()

Jika anda ingin mendapatkan kelas elemen anak dalam elemen anak langsung dengan id Elemen elemen induk, anda boleh menggunakan kod berikut:

$("#parent").children(".child")

2. find()

find() kaedah mengembalikan elemen turunan elemen yang ditentukan. Ia mengembalikan semua unsur keturunan unsur yang ditentukan, bukan hanya anak langsung.

Sebagai contoh, kod berikut boleh mengembalikan semua elemen keturunan dengan anak kelas dalam elemen dengan induk id:

$("#parent").find(".child")

3. next()

next () kaedah mengembalikan elemen adik beradik seterusnya bagi elemen yang diberikan. Jika tiada unsur adik beradik seterusnya, objek jQuery kosong dikembalikan.

Sebagai contoh, kod berikut boleh mengembalikan elemen adik beradik seterusnya bagi elemen dengan id ibu bapa:

$("#parent").next()

4. prev()

prev () kaedah Mengembalikan adik beradik sebelumnya bagi elemen yang diberikan. Jika tiada unsur adik beradik sebelumnya, objek jQuery kosong dikembalikan.

Sebagai contoh, kod berikut boleh mengembalikan elemen adik beradik sebelumnya bagi elemen dengan id ibu bapa:

$("#parent").prev()

5. siblings()

adik beradik () kaedah Mengembalikan semua adik-beradik elemen yang ditentukan. Elemen adik beradik ialah semua elemen yang mempunyai elemen induk yang sama dengan elemen yang ditentukan.

Sebagai contoh, kod berikut boleh mengembalikan semua elemen adik-beradik elemen dengan id induk:

$("#parent").siblings()

6. first()

first( ) kaedah mengembalikan Elemen anak pertama bagi elemen yang ditentukan.

Sebagai contoh, kod berikut boleh mengembalikan elemen anak pertama elemen dengan id induk:

$("#parent").children().first()

7. last()

last () Kaedah mengembalikan elemen anak terakhir bagi elemen yang ditentukan.

Sebagai contoh, kod berikut boleh mengembalikan elemen anak terakhir elemen dengan id induk:

$("#parent").children().last()

3 Kod sampel

Berikut ialah sampel mudah kod, gunakan Untuk menerangkan cara menggunakan jQuery untuk mendapatkan elemen kanak-kanak:

         
         

          

           
          
         
         

          

           
          
         
         

          

           子元素1
          
          

           子元素2
          
          

           子元素3
          
         

Di atas ialah kaedah dan kod contoh tentang cara menggunakan jQuery untuk mendapatkan elemen kanak-kanak. Apabila anda perlu mengendalikan sub-elemen, sila pilih kaedah yang sesuai berdasarkan situasi sebenar.

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan elemen kanak-kanak dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!