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>

我想要做的是删除

标签。

<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，但没有太多运气。

- James

---

可能是重复的问题： [如何在JavaScript中仅删除父元素而不删除其子元素？] (https://dev59.com/w3VC5IYBdhLWcg3w1E1q) - AMACB

尝试这种方式 https://jsfiddle.net/rwzpry90/ - guradio

Answer 1

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

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

- Josh Crozier

---

是的，那会起作用，但当然那个类在整个站点中都会被使用，有没有办法只针对homepage-boxes包装器内的row-fluid进行定位？ - James

@James 更新：根据您的需求，您还可以使用 $('.homepage-boxes .span4').unwrap();。 - Josh Crozier

兄弟，谢谢啊。我一直在尝试使用unwrap和children，但是我一直在做homepage-boxes .span4，但是它不起作用，现在想通了。现在已经凌晨4点了，我的头很累，哈哈，感谢你的帮助！ - James

Answer 2

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

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

- Chris Jaquez