jQuery.index()

index()函數用於獲取當前jQuery對象中指定DOM元素的索引值
語法:
   jQueryObject.index( [ object ] )
參數:
   object: 可選/String/Element/jQuery類型表示指定元素的對象
   (字符串爲jQuery選擇器選中的元素)
返回值:
   index()方法的返回值爲Number類型,返回指定元素的索引位置(從0開始算起)。

1.如果沒有指定參數object,則返回當前元素在其所有同輩元素中的索引位置。

2.如果object爲String類型,則將其視作選擇器,返回當前元素在選擇器所匹配的元素中的索引位置。如果該選擇器不匹配任何元素或者當前元素不在匹配到的元素內,則返回-1。

3.如果object爲DOM元素或jQuery對象,則返回該元素(或該jQuery對象中的第一個元素)在當前jQuery對象所匹配的元素中的索引位置。
(以上所說的當前元素表示當前jQuery對象的第一個元素)
實例:

HTML:
  <div id="n1">
    <div id="n2">
        <span id="n3"></span>
        <ul id="n4">
            <li id="n5">item1</li>
            <li id="n6">item2</li>
            <li id="n7">item3</li>
        </ul>
        <span id="n8"></span>
    </div>  
</div>

jQuery:
// 省略參數: 返回第一個li元素在所有同輩元素中的索引
document.writeln( $("li").index( ) ); // 0
// 參數爲DOM元素: 返回n6在$li中的索引
document.writeln( $("li").index( document.getElementById("n6") ) ); // 1
// 參數爲jQuery對象: 返回$("#n7")在$li中的索引
document.writeln( $("li").index( $("#n7") ) ); // 2

// 參數爲選擇器字符串: 返回$li中的第一個元素(即n5)在選擇器"#n4"所匹配的元素中的索引
// 選擇器"#n4"匹配的元素只有n4一個,沒有n5,因此返回-1
document.writeln( $("li").index( "#n4" ) ); // -1

// 省略參數:n4在同輩元素中的索引,n4之前的同輩元素有一個n3,因此返回索引爲1
document.writeln ( $("#n4").index( ) ); // 1

// 參數爲選擇器字符串:n8在選擇器"span"所匹配的元素中的索引
// 選擇器"span"匹配n3、n8兩個元素,n8是其中的第二個元素,因此返回索引爲1
document.writeln ( $("#n8").index( "span" ) ); // 1
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章