标题 | jQuery中index()的用法分析 |
内容 | 易贤网网校上线了! >>>点击进入<<< 网校开发及拥有的课件范围涉及公务员、财会类、外语类、外贸类、学历类、 职业资格类、计算机类、建筑工程类、等9大类考试的在线网络培训辅导。 本文实例讲解了jQuery中index()的用法。分享给大家供大家参考之用。具体方法如下: 现在有这样一个问题:如果列表里面有N多的列表项目,我想知道我点击了哪一个应该怎么取呢? 对此,jQuery里面提供了一个index()方法 : view sourceprint?1 index(subject) 该方法搜索与参数表示的对象匹配的元素,并返回相应元素的索引值。 如果找到了匹配的元素,从0开始返回;如果没有找到匹配的元素,返回-1。 但是 API里面提供的例子貌似不对,示例如下: view sourceprint?1 <ul> 2 <li><a href="#nogo">这里是一个序列</a></li> 3 <li><a href="#nogo">这里是一个序列</a></li> 4 <li><a href="#nogo">这里是一个序列</a></li> 5 <li><a href="#nogo">这里是一个序列</a></li> 6 <li><a href="#nogo">这里是一个序列</a></li> 7 <li><a href="#nogo">这里是一个序列</a></li> 8 </ul> 如上所示,这是一个无序列表 我要点击任意一个列表项目 要求得到该项目的序列 该怎么样呢? 实现方法如下: view sourceprint?1 $(document).ready(function(){ 2 $("#act li").click(function(){ 3 alert( $( "#act li" ).index( $(this)[0] ) ); 4 }) 5 }) 这里的: view sourceprint?1 $( "#act li" ).index( $(this)[0] ) 非常重要! |
随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。