メソッド offsetParent

メソッド offsetParent は、要素の最も近い位置指定された祖先を取得することを可能にします。'位置指定された'という概念は、CSSプロパティ position が relative、absolute、または fixed に設定されている要素を意味します。このメソッドはアニメーションやページ上での要素配置に役立ちます。

構文

最も近い位置指定された祖先を取得するには:

javascript$(セレクター).offsetParent();

例

例として、ID #test を持つ段落の最も近い位置指定された（このケースでは相対位置指定）祖先を見つけ、その背景色を緑に設定してみましょう:

html<div>
  <p>aaa</p>
  <div style="position: relative;">
    <p>bbb</p>
    <p>bbb</p>
    <p>bbb</p>
    <div>
      <p id="test">ccc</p>
      <div>
        <p>ddd</p>
        <p>ddd</p>
        <p>ddd</p>
      </div>
      <p>ccc</p>
      <p>ccc</p>
    </div>
  </div>
  <p>aaa</p>
  <p>aaa</p>
</div>

javascript$('#test').offsetParent().css('background-color', 'green');

関連項目