javascript - 如果它的子项有任何子项，如何选择一个 DIV？

Question

如果他们的某个 child 有自己的 child ，我会尝试选择页面上的任何 div。

结构如下:

<div id="ID-SOME_LONG_ID">
    <div class="GK">
        <div id="SOME_LONGID_#1434646398866197"></div>
    </div>                                  
</div>

因此，仅当 GK DIV 有任何子项时，我才想选择所有 ID 为 ID-SOME_LONG_ID 的 div。它可能会也可能不会。

ID- 保持不变，SOME_LONG_ID 随每个变化。

另一个SOME_LONG_ID与父级相同，在#之后是一个随机的16位数字。

使用 Regex 是寻找它们的好主意还是使用 jQuery 的 .children() 像 $( ".GK").children()?

谢谢!

Answer 1

使用:has() , :empty 、 和 :not()

$('#ID-SOME_LONG_ID:has(.GK:not(:empty))')

但是，请注意，如果您想要没有文本节点的真实子节点，:empty 将失败。在那种情况下你可以做

$('.GK').filter(function() {
  return $(this).children().length > 0;
});