jQuery 遍历 - eq() 方法

Kitabu cha jQuery kwa kutumia Mifano

实例

通过为 index 为 2 的 div 添加适当的类，将其变为蓝色：

$("body").find("div").eq(2).addClass("blue");

Jifunze tena

定义和用法

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');

Jifunze tena

Matokeo wa kila msaada hauwezi kumwengenea rangi ya kizungu ya mabaki ya 3. Tafadhali, index inaangalia namba ya kuzingatia kwenye kifaa cha jQuery, kama sehemu ya uwanja wa jina, bila ya kuzingatia katika miti wa DOM.

Mfano 2

Ikiwa inateuliwa namba za minusi, inaonyesha eneo kwenye kutosha cha orodha kwenye mwisho hauwezi kutumia eneo kwenye kuanzia kuzingatia. Kama mfano:

$('li').eq(-2).css('background-color', 'red');

Jifunze tena

Tena, mabaki ya 4 ya ujenzi hauwezi kumwengenea rangi ya kizungu, kwa sababu inaonyesha kwanza katika orodha yenye mabaki.

Mfano 3

Ikiwa hakuna kiwango cha index kinachotafutwa kwa sababu ya uongezaji, mtu wa jQuery huzingatia kwa kumwengenea orodha yako yako kwenye uongezaji, kisha jina la propeti ya length ina namba 0.

$('li').eq(5).css('background-color', 'red');

Jifunze tena

Hapa, hakuna maelezo yanayotunza rangi ya kizungu, kwa sababu .eq(5) inaonyesha maelezo wa kwanza kwenye orodha.

Kitabu cha jQuery kwa kutumia Mifano