Ringkasan kaedah jQuery untuk mendapatkan elemen induk dan nodes_jquery induk

Contoh dalam artikel ini meringkaskan kaedah jQuery untuk mendapatkan elemen induk dan nod induk. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Terdapat banyak cara untuk mendapatkan elemen induk dalam jquery, seperti parent(), parents(), closest(), yang boleh membantu anda mencari elemen induk atau nod Mari jelaskan satu persatu di bawah:

Mari kita beri contoh dahulu,

<ul class="parent1">
<li><a href="#" id="item1">jquery获取父节点</a></li> 
<li><a href="#">jquery获取父元素</a></li> 
</ul>

Tujuan kami adalah untuk mendapatkan elemen ul dengan kelas induk1 melalui nota a dengan id item1 Terdapat beberapa kaedah:

1. ibu bapa([expr])

Mendapat satu set elemen yang mengandungi elemen induk unik bagi semua elemen padanan.

Anda boleh menapis menggunakan ungkapan pilihan.

Kod adalah seperti berikut

$('#item1').parent().parent('.parent1');

2. : ibu bapa

Memadankan elemen yang mengandungi elemen kanak-kanak atau teks

Kod adalah seperti berikut

$('li:parent');

3. ibu bapa([expr])

Mendapat satu set elemen yang mengandungi unsur nenek moyang semua unsur padanan (tidak termasuk unsur akar). Boleh ditapis dengan ungkapan pilihan.

Kod adalah seperti berikut

$('#items').parents('.parent1');

4 paling hampir([expr])

paling dekat akan terlebih dahulu menyemak sama ada elemen semasa sepadan, dan jika ia sepadan, ia akan mengembalikan elemen itu sendiri secara langsung. Jika tiada padanan, cari ke atas untuk elemen induk, lapisan demi lapisan, sehingga elemen yang sepadan dengan pemilih ditemui. Jika tiada apa yang ditemui, objek jQuery kosong dikembalikan.

Perbezaan utama antara yang paling rapat dan ibu bapa ialah:

① Yang pertama mula memadankan dan mencari dari elemen semasa, dan yang terakhir mula memadankan dan mencari dari elemen induk; ② Yang pertama mencari ke atas langkah demi langkah sehingga ia menemui unsur yang sepadan dan kemudian berhenti mencari ke atas sehingga unsur akar, kemudian meletakkan elemen ini ke dalam koleksi sementara, dan kemudian menggunakan ungkapan pemilih yang diberikan untuk menapis; ③ Yang pertama mengembalikan 0 atau 1 elemen, dan yang terakhir mungkin mengandungi 0, 1, atau berbilang elemen.

paling dekat berguna untuk mengendalikan delegasi acara.

$('#items1').closest('.parent1');

Pembaca yang berminat dengan lebih banyak kandungan berkaitan jQuery boleh menyemak topik khas di tapak ini: "

Algoritma traversal JQuery dan ringkasan kemahiran

", "ringkasan kemahiran operasi jadual (jadual) jQuery " , "Ringkasan kesan dan teknik seret jQuery", "Ringkasan teknik sambungan jQuery", "Ringkasan kesan khas klasik biasa jQuery" , "ringkasan penggunaan jQuery dan kesan khas", "ringkasan penggunaan pemilih jquery" dan "ringkasan pemalam dan penggunaan biasa jQuery" Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.