码迷,mamicode.com
首页 > Web开发 > 详细

jquery的parentsUntil方法的使用

时间:2016-03-24 16:15:46      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:

概念:

查找当前元素的所有的父辈元素,直到遇到匹配的那个元素为止。如果提供的jQuery代表了一组DOM元素,.parentsUntil()方法也能让我们找遍所有元素的祖先元素,直到遇到了一个跟提供的参数匹配的 元素的时候才会停下来。这个返回的jQuery对象里包含了下面所有找到的父辈元素,但不包括那个选择器匹配到的元素。

查找item-a的祖先,但不包括level-1

<ul class="level-1">
  <li class="item-i">I</li>
  <li class="item-ii">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>


$(‘li.item-a‘).parentsUntil(‘.level-1‘)
    .css(‘background-color‘, ‘red‘);//$(".level-2")、$(".item-ii")、$(".item-i")

jquery的parentsUntil方法的使用

标签:

原文地址:http://www.cnblogs.com/sdwrz/p/5315606.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!