jQuery 遍历 - offsetParent() 方法

jQuery 遍历参考手册

实例

设置类名为 item-a 的 li 元素的最近定位父元素的背景色：

$('li.item-a').offsetParent().css('background-color', 'red');

亲自试一试

定义和用法

offsetParent() 获得被定位的最近祖先元素。

语法

.offsetParent()

详细说明

如果给定一个表示 DOM 元素集合的 jQuery 对象，.offsetParent() 方法允许我们搜索 DOM 树中元素的祖先，并构造一个由最近的定位祖先元素包围的 jQuery 对象。定位元素指的是，元素的 CSS position 属性设置为 relative、absolute 或 fixed。在为表演动画计算偏移或在页面上放置对象时，该信息会很有用处。

请思考带有基本嵌套列表的页面，其中带有定位元素：

    
  
  • I
    • 
  
  • style="position: relative;">II
    
      
      
    • A
      • 
      
    • B
        
        
          
      • 1
        • 
          
      • 2
        • 
          
      • 3
        • 
        
      
      
      • 
      
    • C
      • 
    
    
  
    • 
  
  • III
    •

如果我们从项目 A 开始，我们可以找到其定位祖先元素：

$('li.item-a').offsetParent().css('background-color', 'red');

亲自试一试

这会改变被定位的项目 II 的背景色。

jQuery 遍历参考手册