jQuery 遍历 - next() 方法
实例
查找每个段落的下一个同胞元素,仅选中类名为 "selected" 的段落:
$("p").next(".selected").css("background", "yellow");
定义和用法
next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器,则取回匹配该选择器的下一个同胞元素。
语法
.next(selector)
参数 | 描述 |
---|---|
selector | 字符串值,包含用于匹配元素的选择器表达式。 |
详细说明
如果给定一个表示 DOM 元素集合的 jQuery 对象,.next() 方法允许我们搜索 DOM 树中的元素紧跟的同胞元素,并用匹配元素构造新的 jQuery 对象。
ఈ పద్ధతి ఆప్షణిక సెలెక్టర్ ప్రకటనను అంగీకరిస్తుంది, అది $() ఫంక్షన్ కు పంపించబడిన రకం. తదుపరి సమ్మతించిన సోదరుడు మేలు కొనసాగుతుంది అయితే కానీ, అది సమ్మతించబడనిది అయితే తప్పిపోతుంది.
ఈ సాధారణ జాబితా ప్రాంతాన్ని అనుకున్నారు:
<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>
మేము మూడవ ప్రాజెక్ట్ నుండి ప్రారంభించినట్లయితే, అది తరువాత కనిపించే మేలు కనుగొనగలం:
$('li.third-item');.next();.css('background-color', 'red');
ఈ కాల్లిక ఫలితం వల్ల ప్రాజెక్ట్ 4 ఎరుపు బ్యాక్గ్రౌండ్ గా సెట్ చేయబడింది. మనం ఎంపిక సెలెక్టర్ ప్రకటనను వాడలేకపోతే, తదుపరి కేంద్రంగా ఉన్న మేలు స్పష్టంగా అంగీకరించబడింది. మనం ఎంపిక సెలెక్టర్ వాడినట్లయితే, అది అంగీకరించబడేది గా పూర్వపరిశీలన చేస్తాము.