jquery - 如何使用 jQuery 获取具有特定 CSS 属性的第一个父对象？

Question

我需要获得具有position:relative 的第一个父级。类似于下面的示例，但我的真实内容将动态生成。

<div id="parent1" style="position:relative">
    <div id="parent2">
        <div id="my-element" style="position:absolute"></div>
    </div>
</div>

您知道使用 jQuery 执行此操作的简单方法吗？

Answer 1

您可以过滤 parents() 的集合，并获取与您的过滤器匹配的第一个元素:

$('#my-element')
    .parents()
    .filter(function() { 
        return $(this).css('position') == 'relative'; 
    }).first();

Demo ( Works with classes, too )