将div从父级中取出并添加到父级上面

Question

我有这个HTML：

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

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

我试过这样，但这只是将内容添加到div1而不是整个div：

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

Answer 1

尝试在此上下文中使用.wrap(selector)，

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

DEMO

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

抱歉误解了这个问题，在这种情况下使用.prepend(element)

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

DEMO

Answer 2

var elem = $('.div3').detach();
elem.prependTo('.div1');

请注意，我已经预先（而不是仅仅附加），因此您实际上可以注意到差异。

这是fiddle

有关detach()

的更多信息