jQuery parentsUntil()
概述
查找当前元素的所有的父辈元素,直到遇到匹配的那个元素为止。
如果提供的jQuery代表了一组DOM元素,.parentsUntil()方法也能让我们找遍所有元素的祖先元素,直到遇到了一个跟提供的参数匹配的元素的时候才会停下来。这个返回的jQuery对象里包含了下面所有找到的父辈元素,但不包括那个选择器匹配到的元素。
参数
[expr][,filter] String,StringV1.4
expr: 用于筛选祖先元素的表达式
filter: 一个字符串,其中包含一个选择表达式匹配元素。
[element][,filter] DOMElement,StringV1.6
element:用于筛选祖先元素的DOM元素
filter: 一个字符串,其中包含一个选择表达式匹配元素。
示例
描述:
查找item-a的祖先,但不包括level-1
HTML 代码:
<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>
jQuery 代码:
$('li.item-a').parentsUntil('.level-1')
.css('background-color', 'red');