Bagaimana untuk mengosongkan elemen yang tidak dipilih pada tahap yang sama dalam jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk mengosongkan elemen yang tidak dipilih pada tahap yang sama dalam jquery

青灯夜游

Lepaskan： 2022-05-26 14:04:35

asal

1267 orang telah melayarinya

Kaedah mengosongkan: 1. Gunakan siblings() untuk mendapatkan semua elemen adik beradik yang lain bagi elemen yang dipilih Sintaks "specify element.siblings()" akan mengembalikan objek jquery yang mengandungi semua elemen adik beradik; () memadamkan elemen adik-beradik yang diperolehi, sintaksnya ialah "objek elemen adik-beradik.remove()".

Bagaimana untuk mengosongkan elemen yang tidak dipilih pada tahap yang sama dalam jquery

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

Kaedah Jquery untuk mengosongkan elemen yang tidak dipilih pada tahap yang sama

1 Elemen yang dipilih Kaedah

siblings() digunakan terutamanya untuk mendapatkan semua elemen pada tahap yang sama bagi elemen yang ditentukan

$(selector).siblings()

Salin selepas log masuk

akan mengembalikan objek jquery yang mengandungi semua adik beradik elemen.

2. Gunakan remove() untuk memadamkan elemen adik beradik yang diperolehi

同级元素对象.remove()

Salin selepas log masuk

Kaedah remove() mengalih keluar elemen yang dipilih, termasuk semua teks dan nod anak. . Kaedah ini juga mengalih keluar data dan peristiwa daripada elemen yang dipilih.

<!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").css({
					"color": "red",
					"border": "2px solid red"
				});
				$("button").click(function() {
					$("li.start").siblings().remove();
				});
			});
		</script>
	</head>
	<body>

		<div style="width:500px;" class="siblings">
			<ul>ul (父节点)
				<li>li (类名为"star"的上一个兄弟节点)</li>
				<li>li (类名为"star"的上一个兄弟节点)</li>
				<li class="start">类名称为“star”的li元素</li>
				<li>li (类名为"star"的下一个兄弟节点)</li>
				<li>li (类名为"star"的下一个兄弟节点)</li>
			</ul>
		</div>
		<p>选择类名称为“star”的li元素的所有兄弟元素</p>
		<button>清除同级非选中的元素</button>
	</body>
</html>

Salin selepas log masuk

Bagaimana untuk mengosongkan elemen yang tidak dipilih pada tahap yang sama dalam jquery

[Pembelajaran yang disyorkan: tutorial video jQuery, pembangunan bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk mengosongkan elemen yang tidak dipilih pada tahap yang sama dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!