jQuery offsetParent() 方法

jQuery 中的 offsetParent() 方法用於識別並返回第一個具有定位屬性的祖先元素。換句話說，它檢索選定元素的第一個具有 position 屬性的父元素。

語法

以下是 jQuery 中 offsetParent() 方法的語法：

$(selector).offsetParent()

引數

此方法不接受任何引數。

示例

在下面的示例中，我們使用 offsetParent() 方法來返回類為 "child" 的 <div> 元素的第一個具有定位屬性的父元素的 "id"：

<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
  $("#btn").click(function(){
    var parent = $("#child").offsetParent().attr('id');
    alert("Offset parent ID: " + parent);
  });
});
</script>
</head>
<body>
<div id="parent" style="position:relative; border:1px solid black; padding:20px;">
  <div id="child" style="position:relative; border:1px solid red;">
    Child Element
  </div>
</div>
<button id="btn">Get Offset Parent</button>
</body>
</html>

當我們點選按鈕時，它將返回第一個具有定位屬性的父元素（div）"parent" 的 "id"。

jquery_ref_html.htm

列印頁面