jQuery去除元素上的包装，是否有可能？

Question

我知道这是一个小技巧，但不知道是否有可能，我有以下的标记（例如）

<div class="homepage-boxes"> 

    <div class="row-fluid"> 
     <div class="span4"></div> 
     <div class="span4"></div> 
     <div class="span4"></div> 
    </div> 
    <div class="row-fluid"> 
     <div class="span4"></div> 
     <div class="span4"></div> 
     <div class="span4"></div> 
    </div> 

</div> 

我想要做的是去除span4容器周围的

<div class="row-fluid"> 

包装所以它只会是

<div class="homepage-boxes"> 
    <div class="span4"></div> 
    <div class="span4"></div> 
    <div class="span4"></div> 
    <div class="span4"></div> 
    <div class="span4"></div> 
    <div class="span4"></div> 
</div> 

我不能真正修改此CMS上的核心文件，因为会导致升级问题，所以要采用jQuery方法直到可以决定如何正确操作为止，以便我知道这可能很麻烦，但它只会用于移动。

无论如何有任何想法？我有看.unwrap但没有多少运气与它

Answer 1

您可以选择的子元素，然后使用.unwrap() method：

$('.homepage-boxes .row-fluid').children().unwrap(); 

Answer 2

使用unwrap()方法：http://api.jquery.com/unwrap/

$('.span4').unwrap();