javascript - 删除内部没有 的 DOM 生成元素

Question

很多.cell元素在文档加载时添加到 DOM。只需要其中一些。如果 <img>也是在他们内部创造的，他们是需要的。如果 <img>元素未在 .cell 中创建元素，然后删除整个 .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

您可以使用 :has() 选择器(在这种情况下也是 :not() 选择器)通过子元素选择父元素。从那里，您可以remove() 它们。试试这个:

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

Working example