Delete DOM generated elements ohne <img> innerhalb

Question

Eine Menge von .cell Elemente werden dem DOM beim Laden von Dokumenten hinzugefügt. Nur einige von ihnen werden benötigt. Wenn in ihnen auch ein erstellt wurde, werden sie benötigt. Wenn innerhalb der .cell Elemente kein -Element erstellt wurde, löschen Sie das gesamte Element .cell. Wenn die erstellt wurde dann nichts tun.

Wie kann ich das tun?

<div class="cell"> 
    <div class="a-class"> 
     <div class="always-generated-div"></div> 
     <img> <!-- if generated ---> 
    </div> 
</div> 

jq(".cell img").each(function() { 
    if (jq(this).length > 0) { 
     console.log("Oh There You Are"); 
    } else { 
     console.log("Empty elements erased"); 
     jq(".cell").remove(); 
    } 
}); 

Answer 1

Sie können ein Elternteil durch ihre untergeordneten Elemente wählen Sie die :has() Wähler (und die :not() Wähler auch in diesem Fall) verwendet wird. Von dort können Sie remove() sie. Versuchen Sie folgendes:

$('.cell:not(:has(img))').remove(); 

Working example

Answer 2

können Sie :empty Selektor

alle Elemente auswählen verwenden, die keine Kinder (einschließlich Textknoten) haben.

jq(".cell:empty").remove()