Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mengosongkan elemen yang tidak dipilih pada tahap yang sama dalam jquery

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

青灯夜游
青灯夜游asal
2022-05-26 14:04:351262semak imbas

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()

akan mengembalikan objek jquery yang mengandungi semua adik beradik elemen.

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

同级元素对象.remove()

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>

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!

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