Jquery 删除包含父元素的元素

Question

我想从我的页面中删除元素。我想删除所有不具有 .SelectedPanel 类的 .Panel 元素。

$('.Panel :not(.SelectedPanel)').remove();

我已经尝试了上面的方法，它有效，但留下了父列 div - 我也想删除它们。因此，通过下面的标记，我希望删除中间列。

<div class='row'>                
    <div class='col-xs-6 col-sm-1'>
        <div class='Panel SelectedPanel'>
            ....
        </div>
    </div>
    <div class='col-xs-6 col-sm-1'>
        <div class='Panel'>
            ....
        </div>
    </div>
    <div class='col-xs-6 col-sm-1'>
        <div class='Panel SelectedPanel'>
            ....
        </div>
    </div>
</div>

Answer 1

只需引用父级，就像这样。它将删除整个 DOM 元素，包括它们的子元素。

$('.Panel:not(.SelectedPanel)').parent().remove();