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

今天在自己练习的过程中,突然要用到这个办法。可是之前只会用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.οnlοad=function()
        {
            var getLi=pUl.getElementsByTagName("li");
            for(i=0;i<getLi.length;i++)
            {
                getLi[i].index=i;              //就是这行是重点了,分别赋予每个li的index值。
                getLi[i].οnclick= function ()
                {
                    alert(this.index);
                }
            }
        }


总结完结!


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值