Heim  >  Artikel  >  Web-Frontend  >  So löschen Sie alle Elemente unter einem Knoten in jquery

So löschen Sie alle Elemente unter einem Knoten in jquery

青灯夜游
青灯夜游Original
2022-04-21 16:02:062592Durchsuche

Methode zum Löschen aller Elemente unter einem Knoten: 1. Verwenden Sie find(), um alle Teilmengenelemente unter dem Knoten abzurufen (einschließlich Teilmengen von Teilmengen). Die Syntax lautet „specify node object.find(“*“)“ 2. Verwenden Sie „remove()“, um die erhaltenen Elemente (einschließlich aller Texte und Unterknoten) zu löschen. Die Syntax lautet „erworbenes Element set.remove()“.

So löschen Sie alle Elemente unter einem Knoten in jquery

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

jquery-Methode zum Löschen aller Elemente unter einem Knoten

Implementierungsidee:

  • Verwenden Sie die find()-Methode, um alle Teilmengenelemente (einschließlich Teilmengen von Teilmengen) unter dem Knoten abzurufen

  • Verwenden Sie The Die Methode „remove()“ löscht alle erhaltenen Teilmengenelemente.

Implementierungscode:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<style>
			.div,
			div * {
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
			ul *{
				color:red;
				border:2px solid red;
			}
		</style>

		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					$("ul").find("*").remove();
				});
			});
		</script>
	</head>

	<body class="ancestors">
		<div style="width:500px;">div (父节点)
			<ul>ul (指定元素)
				<li>li (子节点1)
					<span>span (孙节点1)</span>
				</li>
				<li>li (子节点2)
					<span>span (孙节点2)</span>
				</li>
				<li>li (子节点3)
					<span>span (孙节点3)</span>
				</li>
			</ul>
		</div>
		<button>删除ul节点下所有元素</button>
	</body>

</html>

So löschen Sie alle Elemente unter einem Knoten in jquery

Beschreibung: Die Methode „find()“ gibt die Nachkommenelemente des ausgewählten Elements zurück (Nachkommen sind Kinder, Enkelkinder, Großkinder). Enkel usw.). Die

find()-Methode durchläuft alle Pfade entlang der Nachkommen des DOM-Elements bis zum letzten Nachkommen (). Die Methode
  • remove() entfernt die ausgewählten Elemente, einschließlich aller Text- und untergeordneten Knoten. Diese Methode entfernt auch Daten und Ereignisse aus dem ausgewählten Element.

  • 【Empfohlenes Lernen:

    jQuery-Video-Tutorial

    ,
  • Web-Frontend-Video

Das obige ist der detaillierte Inhalt vonSo löschen Sie alle Elemente unter einem Knoten in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Was ist eine Reaktionsskizze?Nächster Artikel:Was ist eine Reaktionsskizze?