您现在的位置: 365建站网 > 建站教程 > jQuery 教程 > jQuery 遍历 - offsetParent() 方法

jQuery 遍历 - offsetParent() 方法

此节有 192 人学习过     参与评论

实例

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

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

亲自试一试

定义和用法

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

语法

.offsetParent()

详细说明

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

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

<ul class="level-1">
  <li class="item-i">I</li>
  <li class="item-ii" style="position: relative;">II
    <ul class="level-2">
      <li class="item-a">A</li>
      <li class="item-b">B
        <ul class="level-3">
          <li class="item-1">1</li>
          <li class="item-2">2</li>
          <li class="item-3">3</li>
        </ul>
      </li>
      <li class="item-c">C</li>
    </ul>
  </li>
  <li class="item-iii">III</li>
</ul>

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

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

亲自试一试

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

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (192人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------
jQuery 教程目录

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号