广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    jquery获取当前元素在同辈元素中的索引号实例

    2018-04-04 08:35:33 次阅读 稿源:互联网
    零七广告

    如何通过 jquery 获取当前元素在同辈元素中的索引号,下面通过一个例子来说明:

    1. <ul class="img"> 
    2. <li><a href="#"><img src="style/img/ad1.jpg"/></a></li> 
    3. <li><a href="#"><img src="style/img/ad2.jpg"/></a></li> 
    4. <li><a href="#"><img src="style/img/ad3.jpg"/></a></li> 
    5. <li><a href="#"><img src="style/img/ad4.jpg"/></a></li> 
    6. <li><a href="#"><img src="style/img/ad5.jpg"/></a></li> 
    7. </ul> 

    假如我给每一个img元素绑定一个click事件,那么在click的function中如何能知道我当前单击的是哪一个img呢?即怎么知道它的 index号呢?(比如单击ad1.jpg,应该返回0,ad2.jpg应该返回1,或者前面返回1和2),则如下:

    1. $('.img img').bind('click',function(){ 
    2.     alert($('.img img').index(this)); 
    3. }); 

    另外你也可以直接使用:

    1. $(this).index(); 

    这种方法获取索引号,经过测试,第二种方法更为简练,而且获取的索引号是相对于当前父元素的,而不是像第一种方法是相对于整个body元素的。

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告