嵌套类的 Jquery 选择器

Question

假设我有以下 HTML:

<div class="parent">
  <div>
    <div class="child">
      <div>
        <div class="child">
        </div>
      </div>
    </div>
  </div>
</div>

无法预测什么标记将 div 与类分开。

我想要一个 jquery 选择器，它获取 parent 元素之后的第一个嵌套 child 元素，但不获取任何更深嵌套的 child 元素。在示例中，我想要第一个 child div，但不需要第二个。

由于 div 的介入，我无法使用 .parent > .child。

我无法使用 .parent > div > .child，因为中间的 div 是不可预测的。

我无法使用 .parent .child，因为这会选取第二个 child。

有没有一种方法可以选择某个给定类的非直接子类，而不选择更深层嵌套的子类？

Answer 1

我认为您正在寻找 $('.parent .child').first() 或 $('.parent .child:first') 这是等价。