Comment supprimer le contenu d'un élément avec jquery-js tutoriel-php.cn

Comment supprimer le contenu d'un élément avec jquery

WBOY

Libérer： 2021-11-24 15:28:34

original

2510 Les gens l'ont consulté

Méthode : 1. Utilisez les méthodes children() et remove() pour supprimer le contenu de l'élément spécifié. La syntaxe est "$(element).children().remove();" 2. Utilisez le vide(); ) pour supprimer le contenu de l'élément spécifié Content, la syntaxe est "$(element).empty();".

Comment supprimer le contenu d'un élément avec jquery

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

Comment supprimer le contenu d'un élément avec jquery

Dans jquery, vous pouvez définir l'attribut id pour une partie de la balise de contenu dans la balise et obtenir une partie de l'objet de contenu via l'identifiant.

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 de l'élément sélectionné Éléments enfants

Jetons un coup d'œil à l'utilisation de ces deux méthodes à travers des exemples. Les exemples sont les suivants :

1 Utilisez la méthode children() pour renvoyer tous les éléments enfants directs de l'élément sélectionné. , puis utilisez la méthode jQuery Remove() pour supprimer l'élément sélectionné et ses éléments enfants.

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").children().remove();
  });
});
</script>
</head>

<body>

<div id="div1" style="height:120px;width:300px;border:1px solid black;background-color:yellow;">
<p>This is some text in the div.</p>
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>
</div>

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

</body>
</html>

Copier après la connexion

Résultat de sortie :

Comment supprimer le contenu dun élément avec jquery

2 La méthode jQuery empty() supprime les éléments enfants de l'élément sélectionné.

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.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;">
This is some text in the div.
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>
</div>
<br>
<button>清空 div 元素</button>
</body>
</html>

Copier après la connexion

Résultats de sortie :

Comment supprimer le contenu dun élément avec jquery