Médiaforma

jQuery – Supprimer des éléments dans le DOM

Print Friendly

Vous appliquerez la méthode remove() aux éléments jQuery à supprimer.

Saisissez le code suivant dans Notepad++ et enregistrez-le sous le nom supprimer-contenu.htm :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Insertion de contenu dans le DOM</title>
    <script src="jquery.js"></script>
  </head>
  <body>
    <h2>Partie 1</h2>
    <p>Latius iam disseminata licentia onerosus bonis omnibus Caesar nullum post haec adhibens modum orientis latera cuncta vexabat nec honoratis parcens nec urbium primatibus nec plebeiis.</p>
    <ul>
      <li>un
      <li>deux
      <li>trois
      <li>quatre
    </ul>
    <hr>
    <h2>Partie 2</h2>
    <p>Illud autem non dubitatur quod cum esset aliquando virtutum omnium domicilium Roma, ingenuos advenas plerique nobilium, ut Homerici bacarum suavitate Lotophagi, humanitatis multiformibus officiis retentabant.</p>
    <ul>
      <li>premier
      <li>deuxième
      <li>troisième
    </ul>
    <hr>
    <script>
      $(function() {
        $('p').remove();
      });
    </script>
  </body>
</html>

 

Exercice : Insérez le code nécessaire pour supprimer tous les paragraphes (<p>).

Solution :

$('p').remove();

 

Exercice : Supprimer le deuxième enfant <li> des balises <ul>

Solution :

$('li:nth-child(2)').remove();
Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply