Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menanyakan semua nod keturunan dengan jquery

Bagaimana untuk menanyakan semua nod keturunan dengan jquery

青灯夜游
青灯夜游asal
2022-09-09 19:46:172186semak imbas

Dalam jquery, anda boleh menggunakan kaedah find() untuk menanyakan semua nod keturunan. Kaedah find() boleh mengembalikan semua elemen keturunan di bawah elemen yang ditentukan (termasuk anak, cucu, cicit dan sebagainya), sintaksnya ialah "$(selector).find(filter)"; digunakan untuk menapis keturunan carian dan mengecilkan Julat nilai pulangan Jika anda ingin mengembalikan semua nod keturunan, anda perlu menetapkan nilai penapis kepada "*".

Bagaimana untuk menanyakan semua nod keturunan dengan jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 3.6.1, komputer Dell G3.

Kaedah find() mengembalikan semua elemen turunan bagi elemen 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.
参数 描述
filter 必需。过滤搜索后代条件的选择器表达式、元素或 jQuery 对象。

注意:如需返回多个后代,请使用逗号分隔每个表达式。

Nota:

Untuk mengembalikan berbilang keturunan, pisahkan setiap ungkapan dengan koma.

Nota: Parameter penapis diperlukan dalam kaedah find(), yang boleh mengurangkan skop nilai pulangan jika anda perlu mengembalikan semua keturunan elemen, kemudian penapis ditetapkan kepada pemilih "*".
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("html").find("*").css({
					"color": "red",
					"border": "2px solid red"
				});
			});
		</script>
		<style>
			.ancestors * {
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
		</style>
	</head>

	<body class="ancestors">body (曾祖先节点)
		<div style="width:500px;">div (祖先节点)
			<ul>ul (直接父节点)  
				<li>li (子节点)
					<span>span (孙节点)<span>span (曾孙节点)<span>span (曾曾孙节点)</span></span></span>
				</li>
				<li>li (子节点)
					<span>span (孙节点)</span>
				</li>
			</ul>   
		</div>
	</body>

</html>

Contoh: Gunakan pemilih "*" untuk mengembalikan semua unsur turunan . Bagaimana untuk menanyakan semua nod keturunan dengan jquery

$(document).ready(function(){
	$("ul").find("span").css({"color":"red","border":"2px solid red"});
});

Contoh: Kembalikan semua dalam keturunan Bagaimana untuk menanyakan semua nod keturunan dengan jquery

[Pembelajaran yang disyorkan: tutorial video jQuery

, video bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk menanyakan semua nod keturunan dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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