jQuery index() 方法

实例

获取单击的 <li> 元素相对于其同级的索引:

  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. $("li").click(function(){
  8. alert($(this).index());
  9. });
  10. });
  11. </script>
  12. </head>
  13. <body>
  14. <p>单击列表项以获取相对于其同级元素的索引位置</p>
  15. <ul>
  16. <li>Coffee</li>
  17. <li>Milk</li>
  18. <li>Soda</li>
  19. </ul>
  20. </body>
  21. </html>

定义与用法

index() 方法返回指定元素相对于其他指定元素的索引位置。

这些元素可以由 jQuery 选择器或 DOM 元素指定。

注意:如果找不到元素,index() 将返回 -1。


第一个匹配元素相对于同级元素的索引

获取第一个匹配的选定元素相对于其同级元素的索引位置。

语法
  1. $(selector).index()

相对于选择器的元素索引

获取元素相对于选择器的索引位置。

可以使用 DOM 元素或 jQuery 选择器指定该元素。

语法
  1. $(selector).index(element)
参数描述
element可选。指定要获取其索引位置的元素。可以是 DOM 元素或 jQuery 选择器

分类导航