jQuery教程 jQuery中index()的用法浅析-职坐标

jQuery教程 jQuery中index()的用法浅析

沉沙 2018-06-14 来源：阅读 1070 评论 0

摘要：现在有这样一个问题：如果列表里面有N多的列表项目，我想知道我点击了哪一个应该怎么取呢？对此，jQuery里面提供了一个index()方法。希望阅读本篇文章以后大家有所收获，帮助大家对jQuery的理解更加深入。

本文实例讲解了jQuery中index()的用法。分享给大家供大家参考之用。具体方法如下：

现在有这样一个问题：如果列表里面有N多的列表项目，我想知道我点击了哪一个应该怎么取呢？

对此，jQuery里面提供了一个index()方法：

index(subject)

该方法搜索与参数表示的对象匹配的元素，并返回相应元素的索引值。

如果找到了匹配的元素，从0开始返回；如果没有找到匹配的元素，返回-1。

但是 API里面提供的例子貌似不对，示例如下：

<ul>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
</ul>

如上所示，这是一个无序列表我要点击任意一个列表项目要求得到该项目的序列该怎么样呢？

实现方法如下：

$(document).ready(function(){
$("#act li").click(function(){
  alert( $( "#act li" ).index( $(this)[0] ) );
  })
})

这里的：

$( "#act li" ).index( $(this)[0] )

非常重要！

本文由职坐标整理并发布，了解更多内容，请关注职坐标WEB前端jQuery频道！

web前端开发工程师 jquery教程总结ppt jquery实战第2版pdf

本文由 @沉沙发布于职坐标。未经许可，禁止转载。

喜欢 | 0

不喜欢 | 0

看完这篇文章有何感觉？已经有0人表态，0%的人喜欢快给朋友分享吧~

后参与评论

加入IT交流圈

JAVA工程师交流群 +加入

大数据架构师交流群 +加入

人工智能Python交流群 +加入

WEB/H5前端交流群 +加入

WEB前端 直通车

索取资料
答疑解惑
技术交流
职业测评
面试技巧
高薪秘笈

海同师资推荐更多>>

黄骈联系TA

认证System Analyst，System Architect

程光淼联系TA

精通C、C++等语言、智能芯片开发

热门就业培训班更多>>

【零基础】人工智能+Python全栈开发课程

jQuery30天热搜词更多>>