如何從父級刪除div

Question

<div id="abc">    
    <div style="">
       <div style="">...</div>
    </div>
    <div class="gm-style-iw">
    ...
    </div>
</div>

和我的jQuery：

var iwOuter = $('.gm-style-iw');
iwOuter.parent().remove();

如何刪除此div的父級以顯示html：

<div id="abc">
    <div class="gm-style-iw">
    ...
    </div>
</div>

Answer 1

您要刪除的div是.gm-style-iw元素的先前同級元素，而不是其父元素。 您需要將.prev()選擇器與.gm-style-iw選擇器一起使用來定位它：

$('.gm-style-iw').prev().remove();

工作演示

Answer 2

您可以使用

$( ".gm-style-iw" ).siblings().remove();

Answer 3

嘗試使用:not()從#abc父元素中刪除.gm-style-iw

 $("#abc div:not(.gm-style-iw)").remove() 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script> <div id="abc"> <div style=""> <div style="">style ...</div> </div> <div class="gm-style-iw"> gm-style-iw... </div> </div> 

Answer 4

您可以使用:not()排除不被刪除的元素：

 $('#abc > div:not(.gm-style-iw)').remove(); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="abc"> <div style=""> <div style="">to be removed...?</div> </div> <div class="gm-style-iw"> gm-style-iw </div> </div> 

---

您的代碼有問題：

var iwOuter = $('.gm-style-iw'); // selector : correct
iwOuter.parent().remove(); // but the target element is not the parent
                           // that is sibling of it.