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

Comment supprimer un élément avec jquery

青灯夜游

Libérer： 2022-06-10 16:45:19

original

4161 Les gens l'ont consulté

Comment supprimer un élément avec jquery : 1. Utilisez le sélecteur jquery pour obtenir un élément spécifié. La syntaxe "$("selector")" renverra un objet jquery contenant l'élément spécifié. et obtenez L'objet élément que vous souhaitez peut être trouvé, et la syntaxe est "objet élément spécifié.remove();". Cette méthode peut supprimer l'élément et les sous-éléments sélectionnés en même temps.

Comment supprimer un élément avec jquery

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

méthode jquery pour supprimer un élément

1. Utilisez le sélecteur jquery pour obtenir un élément spécifié

$("选择器")

Copier après la connexion

renverra un objet jquery contenant l'élément spécifié

2. get La méthode element object

指定元素对象.remove();

Copier après la connexion

remove() peut supprimer l'élément et les sous-éléments sélectionnés en même temps.

Exemple 1 : Supprimez le dernier élément

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="./js/jquery-3.6.0.min.js"></script>
		<script>
			$(function () {
		            $("#btn").click(function () {
		                $("li:last").remove();
		            })
		        })
		    </script>
	</head>
	<body>
		<ul>
			<li>HTML</li>
			<li>CSS</li>
			<li>JavaScript</li>
			<li>jQuery</li>
			<li>Vue.js</li>
		</ul>
		<input id="btn" type="button" value="删除" />
	</body>
</html>

Copier après la connexion

Comment supprimer un élément avec jquery

Exemple 2 : Supprimez le premier élément

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="./js/jquery-3.6.0.min.js"></script>
		<script>
			$(function () {
		            $("#btn").click(function () {
		                $("li:first").remove();
		            })
		        })
		    </script>
	</head>
	<body>
		<ul>
			<li>HTML</li>
			<li>CSS</li>
			<li>JavaScript</li>
			<li>jQuery</li>
			<li>Vue.js</li>
		</ul>
		<input id="btn" type="button" value="删除" />
	</body>
</html>

Copier après la connexion

Comment supprimer un élément avec jquery