Entfernen Sie das übergeordnete Div, aber nicht das, was sich innerhalb des übergeordneten Divs befindet.

Question

Hey, ich bin nicht sicher, ob das möglich ist, aber egal. Sagen wir zum Beispiel:

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

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

Ist es möglich, dass Sie den übergeordneten Container entfernen können, in diesem Beispiel #foo aber behalten Sie den untergeordneten Anker-Tag #bar ?

Answer 1

In dieser Situation würden Sie suchen nach .unwrap()

Beispiel...

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

Answer 2

Hier entlang:

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