jQuery eq() 方法

实例

选择第二个 <p> 元素(索引号1):

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("p").eq(1).css("background-color", "yellow");
  8. });
  9. </script>
  10. </head>
  11. <body>
  12. <h2>欢迎来到我的主页</h2>
  13. <p>我的名字叫 Donald (索引号 0).</p>
  14. <p>Donald Duck (索引号 1).</p>
  15. <p>我居住在 Duckburg (索引号 2).</p>
  16. <p>我最好的朋友是 Mickey (索引号 3).</p>
  17. </body>
  18. </html>

定义与用法

eq() 方法返回具有选定元素的特定索引号的元素。

索引号从 0 开始,因此第一个元素的索引号为 0(不是 1)。

语法

  1. $(selector).eq(index)
参数描述
index必填。指定元素的索引。可以是正数或负数
注意:使用负数将从选定元素的末尾开始索引计数,而不是从开头开始

更多实例

使用负数返回所选元素末尾的第二个 <p> 元素

分类导航