jQuery:unwrap()删除其他父容器

时间:2014-07-23 10:36:23

标签: javascript jquery

我的容器 .vorteile 由jQuery包装在 .vorteile_outer 中。当我想在 .vorteile 上使用.unwrap()删除 .vorteile_outer 时, .vorteile_outer 的父容器是# template_footer_vorteile 也会被删除。

这是jquery部分(在完整的上下文中,它在一个函数中)。

$('.vorteil, :vorteil_outer:not').unwrap();

这里是HTML部分

<div id="template_footer_vorteile">
    <div class="vorteil_outer">
        <div class="vorteil kunden">
            <p class="titel">kundenzufriedenheit</p>
            <p class="desc">kundenzufriedenheitText</p>
        </div>
    </div>
    <div class="vorteil_outer">
        <div class="vorteil tradition">
            <p class="titel">tradition</p>
            <p class="desc">traditionText</p>
        </div>
    <div class="clear"></div>
</div>

3 个答案:

答案 0 :(得分:0)

就这样给出

$("p").unwrap();  // vorteil class div removed
$('.vorteil').unwrap(); // vorteil_outer div removed

DEMO

答案 1 :(得分:0)

如果你想删除'template_footer_vorteile',请试试这个:

$('.vorteil').parent().unwrap();  

如果你只想删除“vorteil_outer”并保留“template_footer_vorteile”,那就试试这个:

$('.vorteil').unwrap();

答案 2 :(得分:0)

要删除.vorteile_outer,当您要删除unwrap申请vorteil给孩子时,您始终必须将div应用于unwrap(即)那个div

var gs = $("div.vorteil");
$("button").click(function () {
    if (gs.parent().is("div.vorteil_outer")) {
       gs.unwrap();
    }
});

这里是fiddle

了解展开访问http://api.jquery.com/unwrap/