jQuery 遍历 - eq() 方法
实例
通过为 index 为 2 的 div 添加适当的类,将其变为蓝色:
$("body").find("div").eq(2).addClass("blue");
定义和用法
eq() 方法将匹配元素集缩减值指定 index 上的一个。
语法
.eq(index)
参数 | 描述 |
---|---|
index |
整数,指示元素的位置(最小为 0)。 如果是负数,则从集合中的最后一个元素往回计数。 |
详细说明
如果给定表示 DOM 元素集合的 jQuery 对象,.eq() 方法会用集合中的一个元素构造一个新的 jQuery 对象。所使用的 index 参数标示集合中元素的位置。
请看下面这个简单的列表:
- list item 1
- list item 2
- list item 3
- list item 4
- list item 5
例子 1
我们可以把该方法应用到这个列表项目集:
('$li').eq(2).css('background-color', 'red');
အဆိုပါ အခေါ်ချက် က အစီအစဉ် အကြိမ် 3 အပြင်းအားဖြင့် အပြင်းအားဖြင့် အမြင့်တက် ခြယ်အောင် ပြုလုပ်ထားသည်၊ သို့သော် အမှတ် အခြေခံ ဖြစ်သည်၊ အစီအစဉ် အကြိမ် အစီအစဉ် အကြိမ် အစီအစဉ် အကြိမ် ဖြစ်သည်၊ အဆိုပါ အစီအစဉ် အကြိမ် အစီအစဉ် အကြိမ် အစီအစဉ် အကြိမ် ဖြစ်သည်။
အမှတ် 2
အဆိုပါ လျှပ်လျှပ် အမှတ် ကို အပြီးမှ စတင် ဖြစ်သော အခြေအနေ ကို အမှတ်ပြုထားသည်၊ အစီအစဉ် အကြိမ် အစား မှ စတင် ဖြစ်သေးပါ။ ဥပမာပါ:
('$li').eq(-2).css('background-color', 'red');
ဒါမှာ အစီအစဉ် အကြိမ် 4 ရှိ အခြေအနေ ကို အပြင်းအားဖြင့် အမြင့်တက် ခြယ်အောင် ပြုလုပ်ထားသည်၊ ဒါကြောင့် အစီအစဉ် အကြိမ် အပြီးမှ စတင် ဖြစ်သော အစီအစဉ် အကြိမ် 2 ဖြစ်သည်။
အမှတ် 3
အမှတ်ပြုထားသော index ပြင်းအားဖြင့် အရာဝတ္တု မတွေ့ရသေးမှာ အမှတ်ပြုထားသော အရာဝတ္တု အစီအစဉ် အကြိမ် အား ခွဲခြား ပြုလုပ်ထားသော jQuery အရာဝတ္တု အစီအစဉ် အကြိမ် ဖြစ်သည်၊ length အချက် အား 0 ဖြစ်သည်။
('$li').eq(5).css('background-color', 'red');
ဒါမှာ လောက်လုံး အစီအစဉ် အကြိမ်ဖြင့် ခြယ်အောင် မဟုတ်ပါဘူး၊ ဒါကြောင့် .eq(5) က လောက်လုံး အစီအစဉ် အကြိမ်ဖြင့် လောက်လုံး ဖြစ်သော အစီအစဉ် အကြိမ် ဖြစ်သည်။