AI智能
改变未来

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 树中。

效果如下:

  • list item 1
  • list item 2
  • list item 3
  • list item 4
  • list item 5

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

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

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

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » jQuery的eq方法