Dalam jquery, anda boleh menggunakan kaedah find() untuk menanyakan semua elemen anak Kaedah ini boleh mendapatkan semua elemen subset di bawah elemen yang ditentukan, termasuk subset bagi subset untuk menapis hasilnya, anda hanya perlu menetapkan parameter kepada "*" untuk mencari semua sub-elemen, sintaksnya ialah "$(elemen yang ditentukan).find("*")".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 3.6.1, komputer Dell G3.
Dalam jquery, terdapat dua cara untuk mencari elemen kanak-kanak:
kaedah kanak-kanak(): Dapatkan elemen subset langsung di bawah elemen
kaedah find(): Dapatkan semua (termasuk subset subset) elemen subset di bawah elemen ini
Antaranya, anda ingin menanyakan semua sub-elemen , anda hanya boleh gunakan kaedah find().
Kaedah find() mengembalikan unsur turunan unsur yang dipilih. (Keturunan ialah anak, cucu, cicit, dan sebagainya.)
Pokok DOM: Kaedah ini merentasi semua laluan turun turun unsur DOM ke keturunan terakhir (< ;html> ).
Sintaks:
$(selector).find(filter)
| Parameter | Penerangan | ||||
|---|---|---|---|---|---|
| penapis | Diperlukan. Ungkapan pemilih, elemen atau objek jQuery yang menapis turunan carian.
Nota: Untuk mengembalikan berbilang keturunan, pisahkan setiap ungkapan dengan koma. |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-3.6.1.min.js"></script>
<style>
div * {
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script>
$(document).ready(function() {
$("button").on("click", function() {
$("ul").find("*").css({
"color": "red",
"border": "2px solid red"
});
});
});
</script>
</head>
<body class="ancestors">
<div style="width:500px;">div (父节点)
<ul>ul (指定元素)
<li>li (子节点1)
<span>span (孙节点1)</span>
</li>
<li>li (子节点2)
<span>span (孙节点2)</span>
</li>
<li>li (子节点3)
<span>span (孙节点3)</span>
</li>
</ul>
</div>
<button>选取ul的所有子元素</button>
</body>
</html>
[Pembelajaran yang disyorkan: tutorial video jQuery, depan web- tamatkan video
】Atas ialah kandungan terperinci Bagaimana untuk menanyakan semua elemen kanak-kanak dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
