您的位置:首页 > Web前端 > JavaScript

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

2015-08-22 18:36 441 查看
今天在自己练习的过程中,突然要用到这个办法。可是之前只会用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);

                }

            }

        }

总结完结!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: