Dalam jquery, kaedah induk() digunakan untuk mengembalikan elemen induk langsung bagi elemen yang dipilih Hasil yang dikembalikan ialah set elemen yang mengandungi elemen induk unik bagi semua elemen padanan boleh ditetapkan carian mengecilkan julat elemen Induk, sintaksnya ialah "$(selector).parent(filter)".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi jquery 1.10.2, komputer Dell G3.
Kembalikan elemen induk langsung bagi elemen yang dipilih
kaedah induk():
induk([expr ]): Mendapat satu set elemen yang mengandungi elemen induk unik bagi semua elemen padanan.
Sintaksnya ialah:
$(selector).parent(filter)
penapis adalah pilihan. Menentukan ungkapan pemilih yang mengecilkan carian untuk elemen induk.
Contoh adalah seperti berikut:
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
.ancestors *{
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("span").parent().css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body class="ancestors">body (曾曾祖父节点)
<div style="width:500px;">div (曾祖父节点)
<ul>ul (祖父节点)
<li>li (直接父节点)
<span>span</span>
</li>
</ul>
</div>
</body>
</html>Hasil keluaran:
Tutorial video berkaitan yang disyorkan: jQuery tutorial video
Atas ialah kandungan terperinci Cara menggunakan kaedah induk jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Apakah pemalam jquery?
Bagaimana untuk mengendalikan json dengan jquery
Bagaimana untuk memadam elemen dalam jquery
Penggunaan kaedah jQuery hover().
jquery melaksanakan kaedah paging
Apakah elemen tersembunyi dalam jquery
Apa yang ditonjolkan dalam jquery
Bagaimana untuk membatalkan pembaharuan automatik Kad Simpanan Wang Taobao
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
