删除Parent 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"); 
    }); 
});