循环通过容器并删除没有某个类的div

Question

我知道这有一个简单的解决方案.也许是因为它已经很晚了,但我已经撞墙了.我有一个容器div #jewelsContainer,里面有一个子div列表.我在这样的对象中抓住它:

var existingBoardItems = $('#jewelsContainer').html();

此对象生成#jewelsContainer容器div 内所有div的列表

即之前

<div class="jewel jewel_5" data-row="1" data-col="0" data-jewel="5" style="left: 0px; top: 40px;"></div>
<div class="jewel jewel_3" data-row="0" data-col="3" data-jewel="3" style="top: 0px; left: 120px;"></div>
<div class="jewel jewel_5" data-row="0" data-col="4" data-jewel="5" style="top: 0px; left: 160px;"></div>
<div class="jewel jewel_4" data-row="0" data-col="5" data-jewel="4" style="top: 0px; left: 200px;"></div>
<div class="aff_score" style="left:0px; top:0px;">+10</div>
...

后

<div class="jewel jewel_5" data-row="1" data-col="0" data-jewel="5" style="left: 0px; top: 40px;"></div>
<div class="jewel jewel_3" data-row="0" data-col="3" data-jewel="3" style="top: 0px; left: 120px;"></div>
<div class="jewel jewel_5" data-row="0" data-col="4" data-jewel="5" style="top: 0px; left: 160px;"></div>
<div class="jewel jewel_4" data-row="0" data-col="5" data-jewel="4" style="top: 0px; left: 200px;"></div>
...

我需要循环遍历此对象中的所有div并删除任何没有类的.jewel然后为新创建的对象设置localStorage

localStorage.setItem('existingBoardItems',NEWELY CREATED OBJECT);

Answer 1

尝试:not()在此上下文中使用选择器,并且不需要迭代所有div.

$('#jewelsContainer div:not(.jewel)').remove();

DEMO