<img>を含まないDOM生成要素を削除する

Question

.cell要素の多くは、ドキュメントの読み込み時にDOMに追加されます。それらのうちのいくつかだけが必要です。その中に<img>も作成されている場合は、それらが必要です。要素.cell内に<img>要素が作成されなかった場合は、.cell要素全体を削除します。 <img>が作成された場合は、何もしないでください。

どうすればいいですか？

<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

あなたは（この場合にも及び:not()セレクタ）:has()セレクタを使用して、その子要素によって親を選択することができます。そこから、あなたはremove()です。 （0 JQ（この）.LENGTH>）場合は、この条件を置くのはなぜ

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

Working example

Answer 2

あなたは:emptyセレクタ

を使用することができます（テキストノードを含む）子を持たないすべての要素を選択します。

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