Javascript 删除div之间的所有文本，而不丢失div之外的文本-jQuery JS

我有一些文本存储在如下变量中：

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

---

我想删除整个div和其中的文本，并保存外部文本。

基于HTML创建一个元素。那么

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

例如：

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

您可以使用，在div之后插入内部文本，然后将其删除：

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

或者，您可以使用函数将div元素替换为其内部文本内容：

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