javascript - jQuery 中的 offsetParent() 未返回预期的相对定位祖先

Question

我有一些具有以下大致结构和定位的 HTML:

<div class="grand-parent" style="position: absolute">
  <div class="parent" style="position: relative">
    <div class="child"></div>
  </div>
</div>

在我的 jQuery 小部件中，我试图插入一个元素，该元素位于小部件所针对的元素的“偏移父元素”内。为此，我基本上有这样的代码:

var targetElement = $('.child');
$('<div/>').appendTo(targetElement.offsetParent());

不幸的是，该元素似乎作为 .grand-parent 的子元素而不是 parent 的子元素插入。我对 offsetParent() 的理解(文档似乎支持这一点)是 offsetParent() 应该返回 .parent 因为它是相对定位的.是我对 offsetParent 的理解不正确，还是 jQuery(我使用的是 1.4.1)有问题。

Answer 1

根据 https://developer.mozilla.org/en/DOM/element.offsetParent , offsetParent 如果未显示父级 (display: none)，则不会像我预期的那样工作。在我的例子中，容器元素就是这样。