jQuery 遍历 - prevUntil() 方法
定义和用法
siblings() 获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的。
语法
.siblings(selector)
参数 | 描述 |
---|---|
selector | 字符串值,包含用于匹配元素的选择器表达式。 |
详细说明
如果给定一个表示 DOM 元素集合的 jQuery 对象,.siblings() 方法允许我们在 DOM 树中搜索这些元素的同胞元素,并用匹配元素构造一个新的 jQuery 对象。
该方法接受可选的选择器表达式,与我们向 $() 函数中传递的参数类型相同。如果应用这个选择器,则将通过检测元素是否匹配该选择器对元素进行筛选。
Tafakari ya hivi ya mawasiliano yenye orodha ya muundo wa kwanza:
<ul> <li>list item 1</li> <li>list item 2</li> <li class="third-item">list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
Kama tunatenda kuanza kutoka kwa kipimo cha tatu, tunaweza kutumia upia wa wengi wengine wa kitu hiki:
$('li.third-item');.siblings();.css('background-color', 'red');
Matokeo huo unaingiza mabaki 1, 2, 4 na 5 kwa mbegu wa kina kwa rangi ya kichwa chwaita. Inasababisha upia kwa rangi ya kichwa chwaita. Kwa sababu hatutafikia chochote cha chaguo cha chochote cha kufikia chochote cha kina, upia zote zinaingia katika kina hiki. Kama tunatumia chaguo, chochote chochote cha kina chafikie chochote cha kina tizoweza kufikia zinaingia katika chochote chochote cha kina.
Upia kutoa upia wa kwanza, haingefikie upia wa matesababu kwa sababu tunatenda kufikia kila kitu katika mitaani ya DOM. Kueleza hii inapata maana mkubwa.