Heim > Artikel > Web-Frontend > So entfernen Sie Elemente basierend auf der ID in JQuery

So entfernen Sie Elemente basierend auf der ID in JQuery

青灯夜游Original: 2022-05-26 15:29:123811Durchsuche

So entfernen Sie Elemente per JQuery basierend auf der ID: 1. Wählen Sie das angegebene Element über den ID-Attributwert aus. Die Syntax „$(„#ID-Attributwert“)“ gibt ein jQuery-Objekt zurück, das das angegebene Element enthält. 2. Verwenden Sie Die Methode „remove()“ kann das ausgewählte Elementobjekt entfernen. Die Syntax lautet „Geben Sie die ID des Elementobjekts an.remove()“.

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

jQuery-Methode zum Entfernen von Elementen basierend auf der ID

1. Wählen Sie das angegebene Element über den ID-Attributwert aus

$("#id属性值")

gibt ein jQuery-Objekt zurück, das das angegebene Element enthält

2. )-Methode zum Verschieben. Entfernen Sie das ausgewählte Elementobjekt. Die

remove()-Methode entfernt das ausgewählte Element, einschließlich aller Text- und untergeordneten Knoten.

指定id元素对象.remove()

Hinweis: Diese Methode entfernt auch die Daten und Ereignisse des ausgewählten Elements.

Implementierungsbeispiel:

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

		<script>
			$(document).ready(function() {
				$("#box").css({
					"color": "red",
					"border": "2px solid red"
				});
				$("button").click(function() {
					
					$("#box").remove();
					
				});
			});
		</script>
	</head>

	<body class="ancestors">
		<div id="box">div元素--指定id元素</div>
		<p>p元素</p>
		<div>div元素</div>
		<button>id为“box”的元素是否存在</button>
	</body>

</html>

So entfernen Sie Elemente basierend auf der ID in JQuery

[Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video]

Das obige ist der detaillierte Inhalt vonSo entfernen Sie Elemente basierend auf der ID 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：So löschen Sie andere Zeilen außer Tabellenkopfzeilen mit jqueryNächster Artikel：So löschen Sie andere Zeilen außer Tabellenkopfzeilen mit jquery

In Verbindung stehende Artikel

Mehr sehen