Retirez tout le texte entre un div sans perdre le texte en dehors de celui-ci - jQuery JS

Question

J'ai un texte qui est stocké dans une variable comme ceci:

<div class="foo">text inside div</div> 
outside text here. 

Je veux enlever toute la div et le texte et sauvegardez le texte extérieur.

Answer 1

Créer un élément basé sur l'HTML. Ensuite,

$('.foo', context).remove(); 

Par exemple:

var text = "<div class=\"foo\">text inside div</div>\noutside text here."; 
var xml = $('<root>' + text + '</root>'); 
$('.foo', xml).remove(); 
text = xml.html(); 

Answer 2

Vous pouvez utiliser after, pour insérer le texte intérieur après la div, puis retirez-le:

var $foo = $(".foo"); 
$foo.after($foo.text()).remove(); 

Ou vous pouvez utiliser la fonction replaceWith, pour remplacer l'élément div avec son contenu texte intérieur:

$foo.replaceWith($foo.text());