<div class="color">
<div class="red"></div>
</div>
<div class="color">
<div class="red"></div>
</div>
<div class="color"></div>
<div class="color"></div>
<div class="color"></div>.color, проверить, содержат ли они в себе элементы .red, если нет - то удалить пустые .color. В итоге должно получиться так:<div class="color">
<div class="red"></div>
</div>
<div class="color">
<div class="red"></div>
</div>
document.querySelectorAll('div.color').forEach( el => {
if (el.children.length === 0) el.parentNode.removeChild(el);
});