Rumah > hujung hadapan web > tutorial js > Kod untuk mendapatkan sub-elemen tertentu dalam elemen dalam jquery_jquery

Kod untuk mendapatkan sub-elemen tertentu dalam elemen dalam jquery_jquery

WBOY
Lepaskan: 2016-05-16 16:29:33
asal
1201 orang telah melayarinya

Beberapa aplikasi JQUERY yang saya lakukan sebelum ini adalah pengaturcaraan yang sangat asas dan tidak mempunyai keperluan yang tinggi untuk pemilih, seperti "$('.class')", "$('#id')", "$( ' #id>.class')", "$(this)", "$(this).parent()", "$(this).children()" semuanya boleh diselesaikan.

Masalah timbul apabila saya ingin memilih span dalam li in ul tertentu, kerana untuk memudahkan pengaturcaraan, li dipilih menggunakan $('ul>li').eq(i), walaupun masalahnya Ia masih boleh diselesaikan menggunakan kaedah sebelumnya, tetapi saya selalu merasakan bahawa kod itu agak kembung dan tidak cekap. Memandangkan JQUERY dikenali sebagai kod paling cekap antara semua rangka kerja JS semasa, adalah mustahil untuk menyelesaikan masalah ini dengan banyak kod!

Mengimbas kembali API JQUERY, saya mendapati terdapat satu kenyataan yang sangat sesuai untuk majlis ini yang saya tidak pernah perasan. Iaitu: $(pemilih satu).cari(pemilih dua). Walaupun saya telah membaca pengenalan untuk mencari sebelum ini, ia sentiasa diabaikan kerana ia tidak digunakan.

Berikut ialah cara menggunakan find()
Penjelasan disediakan oleh API: Cari semua elemen yang sepadan dengan ungkapan yang ditentukan. Fungsi ini ialah cara terbaik untuk mengetahui unsur turunan unsur yang sedang diproses.

Penggunaan: $(pemilih satu).cari(pemilih dua);

Ambil gambar fokus pada halaman utama Xiaoju Inn, cari rentang dalam DD di bawah DL dengan kelas ".focusphoto" dan pudarkannya:

Salin kod Kod adalah seperti berikut:
$('.focusphoto>dl>dd).eq(i).find("span").fadeOut('slow');

Bercakap tentang pemahaman find() dalam drama pendek

Aplikasi saya sebenarnya boleh digantikan dengan children(), tetapi ini tidak bermakna penggunaan find() dan children() adalah sama. Jika ini berlaku, kewujudan find() tidak akan bermakna. Apabila kedalaman pertanyaan adalah satu tahap, kedua-duanya mempunyai persamaan, tetapi perbezaannya ialah: find() ialah pemilih subquery, yang boleh pergi jauh ke tahap bawah kanak-kanak untuk pemilihan pertanyaan dan kanak-kanak (): hanya anak A pemilih tahap yang hanya boleh memilih elemen pada tahap seterusnya.

Sudah tentu, yang di atas hanyalah pendapat rendah hati orang-orang dalam drama itu jika terdapat sebarang kesilapan atau ketidaksempurnaan, sila betulkan saya.

Label berkaitan:
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan