javascript - jQuery中是否有一种方法可以从元素向上遍历dom树并在其父元素之前检查选择器

Question

例如:

<div class="mainWrapper">
    <div class="FirstLayer">
        <input class="foo" value="foo" />
    </div>

    <div class="SecondLayer">
        <div class="thirdLayer">
            <input class="fee" />
        </div>
    </div>
</div>

假设我有 input.fee 作为 jQuery 对象，我还需要获取 input.foo 的值。现在我知道我可以使用多种方法，例如 $(this).parents(':eq(2)').find('.foo') 但我想使用这一种方法在具有不同级别和节点数量的布局上。所以我想知道是否有一种方法可以简单地从 .fee 开始并一直向上直到找到第一个匹配元素， .prevAll() 不会出现去做这个。有很多 .foo 和 .fee 元素，我特别需要上下文中 .fee 之上的第一个元素。

Answer 1

这个怎么样:

$('input.fee').closest(':has("input.foo")')
              .find('input.foo').val();

这是 JS Fiddle和玩。 )

更新:@VisioN 的荣誉 - 当然，parents:first 很好地替换为 closest。