Maison > interface Web > js tutoriel > le corps du texte

Comment supprimer l'élément précédent dans jquery

青灯夜游
Libérer: 2021-11-16 16:45:51
original
3065 Les gens l'ont consulté

Comment supprimer l'élément précédent dans jquery : 1. Utilisez la méthode prev() pour obtenir l'objet élément précédent de l'élément spécifié, la syntaxe est "$(selector).prev()" 2. Utilisez le delete(); ) méthode pour supprimer l'élément précédent obtenu. Un objet élément, la syntaxe est "previous element object.remove()".

Comment supprimer l'élément précédent dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

jquery supprime l'élément précédent

Dans jquery, si vous souhaitez supprimer l'élément précédent, vous devez d'abord obtenir l'élément précédent, ce qui nécessite l'utilisation de la méthode prev(). La méthode

prev() renvoie l'élément frère précédent de l'élément sélectionné. (Les éléments frères et sœurs sont des éléments qui partagent le même élément parent.)

Pour obtenir l'élément précédent, vous devez utiliser la méthode remove() pour le supprimer.

Code d'implémentation :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("#but1").click(function() {
					$("#box").prev().remove();
				});
			});
		</script>

	</head>
	<body>
		<p>第一段</p>
		<p>第二段</p>
		<p>第三段</p>
		<p id="box">第四段--#box元素</p>
		<p>第五段</p>
		<p>第六段</p>
		<button id="but1">删除 #box元素 前一个元素</button> 
	</body>
</html>
Copier après la connexion

Comment supprimer lélément précédent dans jquery

Recommandations de didacticiel associées : Tutoriel vidéo jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal