网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 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] )
    非常重要!
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/19 9:38:13