Comment supprimer des éléments HTML avec jquery-js tutoriel-php.cn

Comment supprimer des éléments HTML avec jquery

青灯夜游

Libérer： 2023-01-06 11:14:21

original

4302 Les gens l'ont consulté

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()".

Comment supprimer des éléments HTML avec jquery

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>

Copier après la connexion

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>

Copier après la connexion

Rendu :

Comment supprimer des éléments HTML avec jquery