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