.parent(selector) .parents(selector) parentsUntil()

.parent(selector) 获得当前匹配元素集合中每个元素的父元素,由选择器筛选(可选)。

.parents(selector) 获得当前匹配元素集合中每个元素的祖先元素,由选择器筛选(可选)。

示例:

<body>
<ul class="level ">
  <li class="level1">一级一</li>
  <li class="level12">一级二
    <ul class="level-2">
      <li class="level21">二级一</li>
      <li class="level22">二级二
        <ul class="level-3">
          <li class="level31">三级一</li>
          <li class="level32">三级二</li>
          <li class="level33">三级三</li>
        </ul>
      </li>
      <li class="level23">二级三</li>
    </ul>
  </li>
  <li class="level13">一级三</li>
</ul>
<script>
$('li.level21').parent().css('background-color', 'red');
$('li.level21').parents().css('background-color', 'red');
</script>
</body>
结果展示:


解析:父级元素。<ul>,背景为红色。


解析:从当前元素向上找,父级,祖先等等,,,将所有的元素背景设为红色。

parentsUntil() 方法

定义:parentsUntil() 获得当前匹配元素集合中每个元素的祖先元素,直到(但不包括)被选择器、DOM 节点或 jQuery 对象匹配的元素。

<script>
$("li.level21").parentsUntil(".level").css("background-color", "red");
</script>
结果:



解析:向上寻找祖先,找到<ul class="level">。但是不包括,所以一级二背景为红色。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值