So löschen Sie das Element selbst in jquery-Front-End-Fragen und Antworten-php.cn

So löschen Sie das Element selbst in jquery

青灯夜游

Freigeben： 2022-04-27 19:07:54

Original

2210 Leute haben es durchsucht

Löschmethode: 1. Verwenden Sie „remove()“, um das Element und seinen gesamten Inhalt zu löschen. Die Syntax lautet „specified element.remove();“ 2. Verwenden Sie „children()“ und „unwrap()“, um das Element zu löschen, aber behalten Sie es bei die Kinder darin. Knoten, die Syntax ist „specify element.children().unwrap();“.

So löschen Sie das Element selbst in jquery

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

Das Löschen des Elements selbst durch jquery kann in zwei Situationen unterteilt werden:

Löschen des Elements selbst und seines Inhalts (Text und Unterknoten)
Löschen Sie nur das Element selbst und behalten Sie die untergeordneten Knoten bei

1. Verwenden Sie die Methode „remove()“

Verwenden Sie die Methode „remove()“, um ein Element und seinen gesamten Inhalt zu löschen.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
			  $("button").click(function(){
				$("div").remove();
			  });
			});
		</script>
		<style type="text/css">
			div {
				background-color: yellow;
			}
		</style>
	</head>
	<body>

		<div>
			<p>这是 div 元素中的段落。</p>
			<p>这是 div 元素中的段落。</p>
			<p>这是 div 元素中的段落。</p>
		</div>
		<button>删除div元素</button>

	</body>
</html>

Nach dem Login kopieren

So löschen Sie das Element selbst in jquery

Fall 2: Verwendung der Methode children()+unwrap()

children() gibt alle direkten untergeordneten Elemente des ausgewählten Elements zurück. Die Methode
unwrap() löscht das übergeordnete Element des ausgewählten Elements.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
			  $("button").click(function(){
				$("div").children().unwrap();
			  });
			});
		</script>
		<style type="text/css">
			div {
				background-color: yellow;
			}
		</style>
	</head>
	<body>

		<div>
			<p>这是 div 元素中的段落。</p>
			<p>这是 div 元素中的段落。</p>
			<p>这是 div 元素中的段落。</p>
		</div>
		<button>删除div元素</button>

	</body>
</html>

Nach dem Login kopieren

So löschen Sie das Element selbst in jquery

【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video】

Das obige ist der detaillierte Inhalt vonSo löschen Sie das Element selbst in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!