删除父Div，但不删除父内容。

Question

嘿，我不确定这是否可行，但无论如何。比如说：

<div id="foo">
    <a href="#" id="bar">Remove Parent</a>
</div>

$(function() {
    $('#bar').click(function() {
        $(this).parent().remove();
    }); 
});

您是否可以删除父容器，在此示例#foo中，但保留子锚标记#bar？

Answer 1

在这种情况下，您将寻找.unwrap()

...示例

$(function() {
    $('#bar').click(function() {
        $(this).unwrap();
    });
});

Answer 2

这样：

$(function() {
    $('#bar').click(function() {
        $("#bar").insertAfter("#foo");
    }); 
});