javascript - 直接原生 JavaScript 或 jQuery 方法获取元素的包含 block

Question

是否有内置的 DOM API 或 jquery API 来获取 containing block 一个元素？

我不是在问如何获取元素的包含 block 。我只是问是否已经有了轮子，所以我不必重新发明它。如果没有，我可以这样做:

let containingBlock = $("#five")
                      .parents()
                      .find(parent => parent.css("position") === ...);

对于下面的 HTML，例如:

<div id = "one">
    <div id = "two" style = "position: absolute;">
        <div id = "three">
            <div id = "four">
                <div id = "five" style = "position: absolute;"></div>
            </div>
        </div>
    </div>
</div>

Answer 1

您可以使用 offsetParent() 来获取定位的最近的父元素。根据the documentation ，当父元素定位在 absolute、relative 或 fixed 时有效，但它也适用于 sticky为我定位。