jQuery 遍历 - eq() 方法
实例
通过为 index 为 2 的 div 添加适当的类，将其变为蓝色：
$("body").find("div").eq(2).addClass("blue");
定义和用法
eq() 方法将匹配元素集缩减值指定 index 上的一个。
语法
.eq(index)
| 参数 | 描述 |
|---|---|
| index |
整数，指示元素的位置（最小为 0）。 如果是负数，则从集合中的最后一个元素往回计数。 |
వివరణ
డాక్యుమెంట్ మెటా అంశం జాబితా కలిగిన జేక్వరీ పద్ధతిని కనుగొని ఉపయోగించినప్పుడు, .eq() పద్ధతి జాబితాలో ఒక అంశాన్ని కనుగొని ఒక నూతన జేక్వరీ పద్ధతిని నిర్మిస్తుంది. ఉపయోగించబడే index పరమైన విధానం జాబితాలో అంశం స్థానాన్ని సూచిస్తుంది.
దిగువ ఈ సాధారణ జాబితా చూడండి:
<ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
ఉదాహరణ 1
ఈ పద్ధతిని ఈ జాబితా ప్రాజెక్టు కలిపినది ఆపాదించవచ్చు:
$('li').eq(2).css('background-color', 'red');
ఈ కలిపిన ఫలితం రెండవ ప్రాజెక్ట్కు ఎరుపు బ్యాక్గ్రౌండ్ అనుసంధానించబడింది. మీరు గమనించవలసిన విషయం ఇండెక్స్ అని అనిపించవలసినది సంఖ్యామానం పైన ఆధారపడినది ఉంటుంది, మరియు జేక్వరీ పద్ధతిలో ఎలిమెంట్ల స్థానాన్ని సూచిస్తుంది, కాదు డాక్యుమెంట్ ట్రీలో.
ఉదాహరణ 2
నిర్ధారిత నిరాకరణను అందించినప్పుడు, ఇది సమూహం చివరి నుండి స్థానాన్ని సూచిస్తుంది, కాదు ప్రారంభం నుండి. ఉదాహరణకు:
$('li').eq(-2).css('background-color', 'red');
ఈసారి, నాలుగవ ప్రాజెక్ట్ యొక్క బ్యాక్గ్రౌండ్ ఎరుపు రంగులో మారింది, ఇది సమూహం ముగింపు నుండి రెండవ స్థానం ఉంది.
ఉదాహరణ 3
కొన్ని సూచిక పరమైన విధానాన్ని కనుగొనలేకపోతే, ఈ పద్ధతి ఖాళీ సెట్టు కలిగిన jQuery పద్ధతిని నిర్మిస్తుంది, దాని length లక్షణం 0.
$('li').eq(5).css('background-color', 'red');
ఇక్కడ, జాబితా అంశం ఎరుపు రంగులో మారదు, ఇది .eq(5) ఇంకా కొనసాగుతుంది నాలుగవ జాబితా అంశం.
