删除父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();
    });
});