分别利用JS和JQ获取数组索引值index的办法

来源:互联网 发布:移动短信平台软件 编辑:程序博客网 时间:2024/06/08 01:58

今天在自己练习的过程中,突然要用到这个办法。可是之前只会用JS的方法获取,不懂怎么用JQ方法。所以又在网上搜了搜。现在特地总结一下:


测试代码:

<ul id=pUl>                

    <li>第一个</li>

    <li>第一个</li>

    <li>第一个</li>

    <li>第一个</li>

</ul>


JQuery方法(1):

index() :返回指定元素相对于其他指定元素的 index 位置。


    $(document).ready(function(){


           $("#pUl li").click(function(){


               alert($(this).index());


           })

        })


JQuery方法(2):

  $(document).ready(function(){


           $("#pUl li").click(function(){


               alert($("#pUl li").index($(this)[0]));


           })

        })

这两个效果一样的,第一个会方便点,只是看到了下面那个办法 ,顺便也记记吧!


JavaScript方法:

        window.onload=function()
        {
            var getLi=pUl.getElementsByTagName("li");
            for(i=0;i<getLi.length;i++)
            {
                getLi[i].index=i;              //就是这行是重点了,分别赋予每个li的index值。
                getLi[i].onclick= function ()
                {
                    alert(this.index);
                }
            }
        }


总结完结!


0 1
原创粉丝点击