Maison > Article > interface Web > Comment supprimer des éléments HTML avec jquery

Comment supprimer des éléments HTML avec jquery

青灯夜游original: 2021-05-19 16:49:204300parcourir

Méthode de suppression : 1. Utilisez la méthode Remove() pour supprimer l'élément sélectionné et ses sous-éléments, la syntaxe est "$(selector).remove()" ; 2. Utilisez la méthode empty() ; pour supprimer l'élément sélectionné et ses sous-éléments de l'élément sélectionné. Pour supprimer des éléments enfants d'un élément sélectionné, la syntaxe est "$(selector).empty()".

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

Si vous devez supprimer des éléments et du contenu, vous pouvez généralement utiliser les deux méthodes jQuery suivantes :

remove() - supprime l'élément sélectionné (et ses sous- éléments)
empty() - supprime les éléments enfants de l'élément sélectionné

méthode jQuery Remove()

La méthode jQuery Remove() supprime l'élément sélectionné et ses éléments enfants.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").remove();
  });
});
</script>
</head>
<body>

<div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">

这是 div 中的一些文本。
<p>这是在 div 中的一个段落。</p>
<p>这是在 div 中的另外一个段落。</p>

</div>
<br>
<button>移除div元素</button>

</body>
</html>

Rendu :

Comment supprimer des éléments HTML avec jquery

méthode jQuery empty()

la méthode jQuery empty() supprime la sélection éléments enfants de l'élément.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").empty();
  });
});
</script>
</head>
<body>

<div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">

这是 div 中的一些文本。
<p>这是在 div 中的一个段落。</p>
<p>这是在 div 中的另外一个段落。</p>

</div>
<br>
<button>清空div元素</button>

</body>
</html>

Rendu :

Comment supprimer des éléments HTML avec jquery

Tutoriels vidéo associés recommandés : Tutoriel jQuery (Vidéo)

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!

Déclaration：

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

Article précédent：Comment changer la valeur de l'attribut CSS dans jsArticle suivant：Comment changer la valeur de l'attribut CSS dans js

Articles Liés

Voir plus