jquery的wrapAll函数逆？

Question

jquery有一个函数.wrapAll()，用于包装具有相同类的所有div。

但我想做的恰恰相反，这意味着在一次操作中解开具有相同类的多个 div，因为那里没有 unwrapAll() 函数？可以吗？？？

例如之前

<div class="outer">
<div class="inner">foon</div>
<div class="inner">foon2</div>
<div class="inner">foo3</div>    
</div>​

之后:

<div class="inner">foon</div>
<div class="inner">foon2</div>
<div class="inner">foo3</div> 

使用建议答案的工作示例:http://jsfiddle.net/ScdLX/4/

Answer 1

你可以这样做:

$(".outerDiv").replaceWith(function () { return $(this).html(); });

不过，这不会删除 .outerDiv 的文本节点子节点。

http://jsfiddle.net/ScdLX/2/

编辑:根据 @NullPointer，您可以在父选择器的子级上使用 .unwrap 方法来执行此操作。请参阅:

http://jsfiddle.net/ScdLX/3/