jQuery的eq方法

时间:2023-03-08 16:47:41
jQuery的eq方法

定义和用法
eq() 方法将匹配元素集缩减值指定 index 上的一个。

语法
.eq(index)

其中的index :
整数,指示元素的位置(最小为 0)。
如果是负数,则从集合中的最后一个元素往回计数。

详细说明
如果给定表示 DOM 元素集合的 jQuery 对象,.eq() 方法会用集合中的一个元素构造一个新的 jQuery 对象。所使用的 index 参数标示集合中元素的位置。
请看下面这个简单的列表:

<ul id="keleyieqfunction">
<li><a href="http://keleyi.com/a/bjac/cf99e7d9c491fc50.htm">list item 1</a></li>
<li><a href="http://keleyi.com/a/bjac/68ca3404c7c108ef.htm">list item 2</a></li>
<li><a href="http://keleyi.com/a/bjac/5aed2303707e30fa.htm">list item 3</a></li>
<li><a href="http://keleyi.com/a/bjac/5b62295315de9ace.htm">list item 4</a></li>
<li><a href="http://keleyi.com/a/bjac/5939d3b2c920ff6d.htm">list item 5</a></li>
</ul>

例子 1
我们可以把该方法应用到这个列表项目集:
$('#kele'+'yieqfunction').find('li').eq(2).css('background-color', 'red');

这个调用的结果是为项目 3 设置了红色背景。请注意,index 是基于零的,并且是在 jQuery 对象中引用元素的位置,而不是在 DOM 树中。

效果如下:

//

其中的
$('#kele'+'yieqfunction').find('li');

是选择ul的li子元素,请参考http://keleyi.com/a/bjac/6c5snbtc.htm

原文:http://keleyi.com/a/bjac/tmx4mq76.htm