我想从我的页面中删除元素。我想删除所有不具有 .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>
最佳答案
只需引用父级,就像这样。它将删除整个 DOM 元素,包括它们的子元素。
$('.Panel:not(.SelectedPanel)').parent().remove();
关于Jquery 删除包含父元素的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48432974/