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 ఎరుపు బ్యాక్‌గ్రౌండ్ గా సెట్ చేయబడింది. మనం ఎంపిక సెలెక్టర్ ప్రకటనను వాడలేకపోతే, తదుపరి కేంద్రంగా ఉన్న మేలు స్పష్టంగా అంగీకరించబడింది. మనం ఎంపిక సెలెక్టర్ వాడినట్లయితే, అది అంగీకరించబడేది గా పూర్వపరిశీలన చేస్తాము.