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) က လောက်လုံး အစီအစဉ် အကြိမ်ဖြင့် လောက်လုံး ဖြစ်သော အစီအစဉ် အကြိမ် ဖြစ်သည်။