Cette méthode fait écho à tous les posts dans différents blogs et forums qui incitent à utiliser la méthode .unwrap() de jQuery. La méthode .contents() récupère absolument tout ce que contient l’élément parent qu’on souhaite supprimer alors qu'.unwrap() se montre plus sélective, ce qui peut entrainer quelques désagréments (perte de contenu, etc…).
Source: How to remove only the parent element and not its child elements in JavaScript?
HTML:
|
1 2 3 4 5 6 7 8 9 |
<div> pre text <div class="remove-just-this"> <p>child foo</p> <p>child bar</p> nested text </div> post text </div> |
jQuery:
|
1 2 |
var cnt = $(".remove-just-this").contents(); $(".remove-just-this").replaceWith(cnt); |
Résultat dans le DOM:
|
1 2 3 4 5 6 7 |
<div> pre text <p>child foo</p> <p>child bar</p> nested text post text </div> |