Apakah cara untuk mencari elemen saudara dalam jquery?-Soal Jawab bahagian hadapan-php.cn

Apakah cara untuk mencari elemen saudara dalam jquery?

青灯夜游

Lepaskan： 2022-05-25 17:50:38

asal

4716 orang telah melayarinya

Terdapat tujuh kaedah: 1. adik-beradik(), yang boleh memperoleh semua elemen generasi yang sama; 2. seterusnya(), yang boleh memperoleh unsur adik-beradik yang seterusnya; semua elemen adik beradik seterusnya ;

Apakah cara untuk mencari elemen saudara dalam jquery?

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

Terdapat tujuh kaedah untuk jquery mencari elemen adik-beradik: adik-beradik(), seterusnya(), seterusnyaSemua(), seterusnyaSehingga(), sebelum(), sebelumSemua(), sebelum()

1. Kaedah adik beradik()

digunakan terutamanya untuk mendapatkan semua elemen rakan sebaya elemen yang ditentukan

<!DOCTYPE html>
<html>

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

		<div style="width:500px;" class="siblings">
			<ul>ul 
				<li>li (同辈节点)</li>
				<li>li (上一个同辈节点)</li>
				<li class="start">li (本元素)</li>
				<li>li (下一个同辈节点)</li>
				<li>li (同辈节点)</li>
			</ul>
		</div>

	</body>
</html>

Salin selepas log masuk

Apakah cara untuk mencari elemen saudara dalam jquery?

2. Kaedah seterusnya()

digunakan terutamanya untuk mendapatkan elemen adik beradik seterusnya bagi elemen yang dinyatakan

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

Salin selepas log masuk

Apakah cara untuk mencari elemen saudara dalam jquery?

3. nextAll() Kaedah

digunakan terutamanya untuk mendapatkan semua elemen adik beradik seterusnya bagi elemen yang dinyatakan

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

Salin selepas log masuk

Apakah cara untuk mencari elemen saudara dalam jquery?

4. kaedah nextUntil()

digunakan terutamanya untuk mendapatkan elemen adik beradik seterusnya bagi elemen yang ditentukan ini mestilah elemen antara elemen yang ditentukan dan elemen yang ditetapkan oleh kaedah nextUntil()

5. Kaedah prev()

digunakan terutamanya untuk mendapatkan elemen adik beradik peringkat atas bagi elemen yang dinyatakan

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

Salin selepas log masuk

Apakah cara untuk mencari elemen saudara dalam jquery?

6 Kaedah prevAll()

digunakan terutamanya untuk mendapatkan semua elemen adik beradik

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

Salin selepas log masuk

<.> Apakah cara untuk mencari elemen saudara dalam jquery?

7 sebelum () kaedah

digunakan terutamanya untuk mendapatkan elemen adik-beradik sebelumnya bagi elemen yang ditentukan ini elemen dan elemen yang ditetapkan oleh kaedah prevUntil()

[Pembelajaran yang disyorkan:

tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Apakah cara untuk mencari elemen saudara dalam jquery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!