Comment supprimer un élément dans jquery-Questions et réponses frontales-php.cn

Comment supprimer un élément dans jquery

青灯夜游

Libérer： 2022-04-22 15:09:52

original

11024 Les gens l'ont consulté

Méthodes pour supprimer des éléments : 1. Utilisez Remove() pour supprimer l'élément spécifié et tout son contenu, en utilisant la syntaxe "$(selector).remove()" ; 2. Utilisez detach() pour supprimer l'élément sélectionné et tout. texte et nœuds enfants à l'intérieur, avec la syntaxe "$(selector).detach()".

Comment supprimer un élément dans jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3.

Supprimer un élément dans jQuery

1. Utilisez la méthode Remove()

Dans jQuery, nous pouvons utiliser la méthode Remove() pour supprimer un élément et tout son contenu.

Syntaxe :

$(selector).remove()

Copier après la connexion

Exemple : utilisez Remove() pour supprimer l'élément p

<!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() {
					$("p").remove();
				});
			});
		</script>
	</head>
	<body>

		<div>这是一个div段落。</div>
		<p>这是另一个p段落。</p>
		<button>移除P元素</button>

	</body>
</html>

Copier après la connexion

Comment supprimer un élément dans jquery

2. Utilisez la méthode detach()

Dans jQuery, nous pouvons utiliser la méthode detach() pour supprimer le élément élément sélectionné, y compris tout le texte et les nœuds enfants. Cependant, il conservera les données et les événements.

Cette méthode conserve une copie des éléments supprimés, permettant de les réinsérer ultérieurement.

Syntaxe :

$(selector).detach()

Copier après la connexion

Exemple : utilisez detach() pour supprimer l'élément p

<!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() {
					$("p").detach();
				});
			});
		</script>
	</head>
	<body>
		<p>这是另一个p段落。</p>
		<div>这是一个div段落。</div>
		<button>移除P元素</button>

	</body>
</html>

Copier après la connexion

Comment supprimer un élément dans jquery