Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Memilih Elemen Anak (cth., img) Dalam Elemen Induk Menggunakan jQuery?

Bagaimanakah Saya Boleh Memilih Elemen Anak (cth., img) Dalam Elemen Induk Menggunakan jQuery?

Susan Sarandon
Lepaskan: 2024-11-29 09:32:09
asal
276 orang telah melayarinya

How Can I Select Child Elements (e.g., img) Within a Parent Element Using jQuery?

Mendapatkan Elemen Kanak-kanak Menggunakan Pemilih jQuery

Dalam senario tertentu ini, di mana anda berusaha untuk menyasarkan elemen kanak-kanak (dalam kes ini, img) dalam elemen induk, terdapat berbilang pendekatan menggunakan pemilih jQuery.

Menggunakan konteks Parameter:

Pembina jQuery boleh dipanggil dengan parameter kedua yang dikenali sebagai konteks. Parameter ini membolehkan anda menentukan konteks di mana pemilihan harus dilakukan. Dengan menghantar elemen semasa (ini dalam konteks ini) sebagai konteks, anda boleh mengehadkan carian kepada elemen anak unsur induk.

jQuery("img", this);
Salin selepas log masuk

Menggunakan Kaedah find():

Sebagai alternatif, anda boleh menggunakan kaedah .find() pada elemen induk untuk mendapatkan semula elemen anak. Ini bersamaan dengan pendekatan sebelumnya.

jQuery(this).find("img");
Salin selepas log masuk

Menggunakan kaedah kanak-kanak():

Jika anda ingin memilih hanya keturunan langsung unsur induk (segera elemen kanak-kanak), anda boleh menggunakan kaedah .children().

jQuery(this).children("img");
Salin selepas log masuk

Dengan mana-mana kaedah ini, anda boleh dengan berkesan dapatkan semula elemen img anak dalam div apabila div induk diklik.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memilih Elemen Anak (cth., img) Dalam Elemen Induk Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan