jQuery ialah objek koleksi Jika anda ingin mencari dengan cepat semua elemen nenek moyang setiap elemen dalam koleksi, anda boleh menggunakan kaedah ibu bapa()
Malah, ia sama dengan perbezaan antara. cari dan anak-anak sahaja. Apabila mencari satu tahap, ibu bapa akan mencari sehingga nod moyang
untuk memahami hubungan carian nod:
<div class="div">
<ul class ="anak">
< Cari div elemen ancestor pada nod li Di sini anda boleh menggunakan kaedah $("li").parents()
parents() no parameters
kaedah parents() membenarkan kami menambah kandungan dalam pepohon DOM Cari elemen nenek moyang elemen ini, padankan elemen mengikut susunan ke atas dan cipta objek jQuery baharu berdasarkan padanan elemen;
Susunan elemen yang dikembalikan bermula dari elemen induk terdekatnya
Nota: jQuery ialah objek koleksi, jadi induk ialah elemen nenek moyang yang sepadan dengan semua elemen dalam koleksi
Kaedah ibu bapa() secara selektif menerima jenis ungkapan pemilih yang sama
Begitu juga, kerana jQuery ialah objek koleksi, anda mungkin perlu menapis objek koleksi ini untuk mencari elemen sasaran, jadi anda dibenarkan untuk lulus ungkapan pemilih
Nota:
1. Kaedah .parents() dan .parent() adalah serupa, tetapi yang terakhir hanya melaksanakan DOM peringkat tunggal carian pokok
2 Kaedah $( "html" ).parent() mengembalikan Koleksi yang mengandungi dokumen, manakala $( "html" ).parents() mengembalikan koleksi kosong.
Mari kita lihat sekeping kod:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div>php.cn
<ul>php
<li>php 中文网</li>
<li>php 中文网</li>
</ul>
</div>
<script>
$("li").parents().css('color','red');
</script>
</body>
</html>bahagian seterusnya