Jquery删除包含父元素的元素

Question

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

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

我已经尝试了上述功能，但它保留了父级col divs - 我也想删除它们。因此，对于下面的标记，我希望删除中间列。

<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();