jquery里用index()来获取元素的索引值的方法实例亲测

文章标签:
  • :
  • 07-03 22:38
  • :
  • 33次
  • :
  • 0条
  • 0赞

简介本文主要和你分享在jquery里,使用index()来获取元素的索引时的具体方法代码和具体的实例。l

jquery内置的有一个用来获取元素索引的函数:index ,本文站长就和大家分享几个具体的在实际中获取元素索引的实例:


假设我们网页里有这样一段HTML:

<ul id="aul">
    <li id="a">爱jQuery</li>
    <li id="b">www.aijquery.cn</li>
    <li id="c">very good!</li>
</ul>
<ul id="bul">
    <li id="aa">爱jQuery</li>
    <li id="bb">www.aijquery.cn</li>
    <li id="cc">very good!</li>
</ul>


下面我们来看几种写法:

var aindex=$("li").index($("#aa"));    //输出3 返回的是aa在所有li中的索引
var aindex=$("#aa").index();            //输出0  不传递参数时,返回的是在同辈中的索引值
var aindex=$("#aa").index("li");        //输出3 和上面第一种效果一样 
var aindex=$("#aa").index("#bul li");    //输出0 返回的是aa在 #bul li里的索引
var aindex=$("#aa").index("#aul li");    //输出-1 因为aa并不是#aul里,找不到时就会返回-1


我们要获取元素的索引时,常用的就是上面这几种写法了,希望能帮助到所有看到这篇文章的朋友们!



您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-11-16 01:04:39