Rumah > Artikel > hujung hadapan web > Bolehkah jquery mengesan sama ada terdapat unsur adik beradik?

Bolehkah jquery mengesan sama ada terdapat unsur adik beradik?

青灯夜游asal: 2022-05-23 18:50:281678semak imbas

boleh dikesan. Kaedah pengesanan: 1. Gunakan pernyataan "elemen yang ditentukan.siblings()" untuk mendapatkan semua elemen adik-beradik bagi elemen yang ditentukan, yang akan mengembalikan objek jquery yang mengandungi unsur adik-beradik 2. Gunakan pernyataan "objek.length==0". untuk menentukan bilangan unsur adik beradik sama ada nombor itu 0, jika 0, tiada unsur adik beradik, sebaliknya ada.

Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.2.1, komputer Dell G3.

Gunakan jquery untuk menyemak sama ada elemen yang ditentukan mempunyai unsur adik beradik.

Kaedah penyemakan:

1. Gunakan siblings() untuk mendapatkan semua elemen adik-beradik bagi elemen yang dinyatakan

指定元素.siblings()

Akan mengembalikan objek jquery yang mengandungi elemen adik beradik.

2. Gunakan atribut panjang untuk mendapatkan panjang objek jquery

Panjang yang diperolehi oleh atribut panjang ialah bilangan elemen adik beradik

jquery对象.length==0

Jika bilangan unsur adik beradik ialah 0, tiada unsur adik beradik
Jika nombor itu tidak sama dengan 0, terdapat unsur adik beradik

Contoh:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			.siblings,.siblings *{ 
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
		</style>
		<script src="js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					var len=$("h2").siblings().length;
					if(len==0){
						console.log("h2没有同胞元素"); 
					}else{
						console.log("h2有同胞元素，其个数为："+len); 
					}
	
				});
			});
		</script>
	</head>
	<body>
		<div class="siblings">div (父)
			<p>p（兄弟元素）</p>
			<span>span（兄弟元素）</span>
			<h2>h2（本元素）</h2>
			<h3>h3（兄弟元素）</h3>
			<p>p（兄弟元素）</p>
		</div>
		<button>检测h2是否有同胞元素</button>
	</body>
</html>

Bolehkah jquery mengesan sama ada terdapat unsur adik beradik?

[Pembelajaran yang disyorkan:

tutorial video jQuery, depan web -tamat video]

Atas ialah kandungan terperinci Bolehkah jquery mengesan sama ada terdapat unsur adik beradik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery Length 对象

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

Artikel sebelumnya：Apakah pemalam pihak ketiga yang ada untuk jquery?Artikel seterusnya：Apakah pemalam pihak ketiga yang ada untuk jquery?

Artikel berkaitan

Lihat lagi