Maison > interface Web > js tutoriel > Comment supprimer un élément de la fin dans jquery

Comment supprimer un élément de la fin dans jquery

青灯夜游
Libérer: 2022-09-14 18:10:52
original
3320 Les gens l'ont consulté

Méthode de suppression : 1. Utilisez le sélecteur "eq(-1)" et la méthode Remove(), la syntaxe "$(Element).eq(-1).remove()" 2. Utilisez la sélection ":last" et supprimez (), la syntaxe est « $(Element:last).remove() ».

Comment supprimer un élément de la fin dans jquery

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

jquery supprime un élément de la fin

Méthode 1 : sélecteur "eq(-1)" + méthode Remove()

  • Utiliser le sélecteur "eq(-1)" à partir de la fin Sélectionner le dernier élément

  • Utilisez la méthode Remove() pour supprimer l'élément sélectionné

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-3.6.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("p").eq(-1).remove();
			});
		</script>

	</head>
	<body>

				<p>第一段</p>
				<p>第二段</p>
				<p>第三段</p>
				<p>第四段</p>
				<p>第五段</p>
				<p>第六段</p>

	</body>
</html>
Copier après la connexion

Comment supprimer un élément de la fin dans jquery

Méthode 2 : ":last" sélecteur + méthode Remove()

  • Utilisez ":last" Le sélecteur sélectionne le dernier élément à partir de la fin

  • Utilisez la méthode Remove() pour supprimer l'élément sélectionné

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-3.6.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("p:last").remove();
			});
		</script>

	</head>
	<body>
		<html>
			<body>
				<p>第一段</p>
				<p>第二段</p>
				<p>第三段</p>
				<p>第四段</p>
				<p>第五段</p>
			</body>
		</html>


	</body>
</html>
Copier après la connexion

Comment supprimer un élément de la fin dans jquery

Tutoriels associés recommandés : 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