javascript - 移除 Parent Div，但不移除父级中的内容。

Question

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

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

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

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

Answer 1

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

例子...

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