jQuery index() 方法的兩種用法

標籤：

介紹：

index() 方法返回指定元素相對於其他指定元素的 index 位置。index()的傳回值是一個Number類型，從0開始計數。

文法：

$(selector).index(element)

注釋：

selector可選。規定要獲得 index 位置的元素。可以是 DOM 元素或 jQuery 選取器。

  用法：

    1、如果不傳遞任何參數給 .index() 方法，則傳回值就是jQuery對象中第一個元素相對於它同輩元素的位置。

    例子：

　 html代碼：

    <ul>        <li>這是第0個列表</li>        <li>這是第1個列表</li>        <li>這是第2個列表</li>        <li>這是第3個列表</li>        <li>這是第4個列表</li>    </ul>

　　jquery代碼：

    $(function(){        $(‘ul li‘).click(function(){            var index=$(this).index();            alert(index);        })    })

　  運行結果：點擊清單項目可獲得每個清單項目相對於其他清單項目的位置，例如點擊第1個列表，會彈出如的對話方塊

 

 

 　  2.index()傳遞參數，index()方法表示獲得元素相對於選取器的 index 位置。

    例子：

　　html代碼：

    <ul>        <li class="list1">這是第0個列表</li>        <li class=‘list1‘>這是第1個列表</li>        <li>這是第2個列表</li>        <li class=‘list1‘>這是第3個列表</li>        <li>這是第4個列表</li>    </ul>

 jquery代碼：

    $(function(){        $(‘.list1‘).click(function(){            var index=$(this).index(‘.list1‘);            alert(index);        })    })

 運行結果：點擊含有list1的清單項目彈出當前點擊元素相對於list1的位置。比如點擊第一個list1會彈出如下結果：

 

jQuery index() 方法的兩種用法