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>

我想要做的是删除

<div class="row-fluid">

围绕span4容器的包装器，所以它只是

<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();

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

2 个答案: