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();