offsetParent()


version 1.2.6 以降

解説

マッチした要素の祖先要素を辿り、position 属性が relative、 absolute、 fixed のいずれかである、最も近い要素を返します。

戻り値

  • jQuery: 祖先要素のうち、position 属性が relative、absolute、fixed のいずれかである、最も近い要素。

例

例1: span 要素item3-2の祖先要素のうち、position 属性が relative、absolute、fixed のいずれかである、最も近い要素の背景色を黄色にします。

$("#item3-2").offsetParent().css("background-color", "yellow");


<div id="level1">
    <span id="item1-1">Level1 1番目の要素</span>
    
    <div id="level2" style="position: relative;">
        <span id="item2-1">Level2 1番目の要素</span>
        <span id="item2-2">Level2 2番目の要素</span>
        
        <div id="level3">
            <span id="item3-1">Level3 1番目の要素</span>
            <span id="item3-2">Level3 2番目の要素</span>
            <span id="item3-3">Level3 3番目の要素</span>
            <span id="item3-4">Level3 4番目の要素</span>
            <span id="item3-5">Level3 5番目の要素</span>
        </div>
    </div>
</div>

ページトップヘページトップヘ

Traversing
eq(index)
has(expr)
filter(expr)
filter(fn)
is(expr)
first()
last()
map(callback)
not(expr)
slice(start, [end])
add(expr)
add(expr, context)
children([expr])
closest(selector, [context])
contents()
find([expr])
next([expr])
nextUntil([selector])
nextAll([expr])
offsetParent()
parent([expr])
parents([expr])
parentsUntil([selector])
prev([expr])
prevUntil([selector])
prevAll([expr])
siblings([expr])
andSelf()
end()


ページトップヘページトップヘ