jquery - 从父级中取出 div 并添加到上面的父级

标签 jquery

我有这个html:

<div class="div1">
    one
    <div class="div2">
        two
        <div class="div3">
            three
        </div> <!-- /.div3 -->
    </div> <!-- /.div2 -->
</div> <!-- /.div1 -->

我想从 div2 中取出 div3,以便 div1 成为其父级。

我尝试了这样的操作,但这只是将内容添加到 div1 而不是整个 div:

$('.div3').unwrap();

最佳答案

尝试使用 .wrap(selector) 在这种情况下,

$('.div2').wrap(".div3");

DEMO

检查演示中的元素以了解发生了什么。

<小时/>

抱歉误解了这个问题,请使用 .prepend(element) 在这种背景下

$('.div1').prepend($(".div3"));

DEMO

关于jquery - 从父级中取出 div 并添加到上面的父级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35706826/

相关文章:

javascript - 函数原型(prototype)对象在另一个实例上被更改

jquery - 设置默认 colModel

javascript - 在哪里可以找到一个好的 jQuery 投影插件?

javascript - 我的函数显示 Uncaught TypeError : $(. ..).reverse 不是函数

jquery - 通过 jQuery $.each 访问 JSON

javascript - 使用jquery从post数据中检索元素

jquery - jqPlot 缩放比例日期轴

javascript - jstree - 添加本身包含子节点的子节点

javascript - 如何在开始时停止 HTML5 中的所有其他视频

javascript - 将条形图与负堆栈对齐