如何删除没有特定类的元素？

Question

<div class="stay">Stay</div> 
<div class="stay">Stay</div> 
<div class="go">Go</div> 
<div class="element">Stay</div> 
<div class="Sel">classy</div>

var els = document.querySelectorAll('#parent :not(.stay)');
for (var i = 0; i < els.length; i++) {
els[i].parentNode.removeChild(els[i])
}

另外，我不想要任何jQuery。

Answer 1

当你做这样的操作时，应该需要针对一个特定的父元素，否则它也可以移除像html/body等元素。

因此，假设您有一个父节点，您可以将querySelectorAll与：not（）selector结合使用

<div id="parent">
    <div class="stay">Stay</div>
    <div class="stay">Stay</div>
    <div class="go">Go</div>
    <div class="element">element</div>
</div>

然后

var els = document.querySelectorAll('#parent :not(.stay)');
for (var i = 0; i < els.length; i++) {
    els[i].parentNode.removeChild(els[i])
}