Apakah ibu bapa dalam jquery-Soal Jawab bahagian hadapan-php.cn

Apakah ibu bapa dalam jquery

青灯夜游

Lepaskan： 2022-04-20 14:33:46

asal

3289 orang telah melayarinya

Dalam jquery, induk ialah kaedah traversal terbina dalam yang boleh melintasi satu peringkat ke atas pepohon DOM dan mengembalikan elemen induk langsung bagi elemen yang dipilih Sintaks ialah "objek elemen yang ditentukan.parent(filter) "; Kaedah ini menerima parameter "penapis" yang ditinggalkan, yang digunakan untuk menapis elemen dan menyempitkan skop carian untuk elemen induk.

Apakah ibu bapa dalam jquery

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

Dalam jquery, induk ialah kaedah traversal terbina dalam yang boleh mengembalikan elemen induk langsung bagi elemen yang dipilih.

Kaedah induk() hanya merentasi satu peringkat ke atas pokok DOM.

Format tatabahasa:

指定元素对象.parent(filter)

Salin selepas log masuk

Parameter

Penerangan

penapis

参数

描述

filter

可选。规定缩小搜索父元素范围的选择器表达式。

该参数用于过滤元素，缩小搜索父元素范围。

Pilihan. Menentukan ungkapan pemilih yang mengecilkan carian untuk elemen induk.

Parameter ini digunakan untuk menapis elemen dan menyempitkan skop pencarian elemen induk.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("span").parent().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 class="1">li (直接父节点)
					<span>span</span>
				</li>
				<li class="2">li (直接父节点)
					<span>span</span>
				</li>
			</ul>
		</div>
	</body>

</html>

Salin selepas log masuk

Contoh 1: Kaedah induk() mengembalikan elemen induk langsung (penapis diabaikan)

Apakah ibu bapa dalam jquery

Contoh 2: Kaedah induk() mengembalikan elemen induk langsung (penapis tidak ditinggalkan)

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

Salin selepas log masuk

Mengikut contoh di atas, ubah suai kod jq: Apakah ibu bapa dalam jquery

[Pembelajaran yang disyorkan: tutorial video jQuery

, video bahagian hadapan web]

Atas ialah kandungan terperinci Apakah ibu bapa dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!