如果孩子有孩子，如何选择DIV？

Question

如果他们的某个孩子有自己的孩子，我试图在页面上选择任何div。

以下是结构的外观：

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

所以我只想在ID-SOME_LONG_ID DIV有孩子的情况下选择ID为GK的所有div。它可能会也可能不会。

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

另一个SOME_LONG_ID与父母一样，#之后是一个随机的16位数字。

使用正则表达式是一个好主意，可以查找它们，也可以使用jQuery＆{39} .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;
});