jQuery中index()方法用法實例_jquery

本文實例講述了jQuery中index()方法用法。分享給大家供大家參考。具體分析如下：

此方法可以搜尋符合元素，並傳回元素的索引值。
索引值是從0開始的。

語法結構一:

當此方法沒有參數的時候，傳回值是指定元素在其同儕元素集合中的索引位置。

複製程式碼 程式碼如下:

$(selector).index()

實例碼:

實例一:

複製程式碼 程式碼如下:

 

   
• 後台專區

   
• 前台專區

   
• 資料庫專區

   
• 站長溝通

 

目前li元素的位置:0

點選查看結果

上面程式碼能夠回傳類別名為qian的li元素在其同儕元素集合中的索引值，看到這裡大家可能有這樣的疑問，所謂同儕元素是否是同類元素，也就是說li元素在li元素集合中的索引值。

實例二:

複製程式碼 程式碼如下:

 

   
• 後台專區

   
• 前台專區

   
• 資料庫專區

   
• 站長溝通

    搜尋最佳化
 

目前li元素的位置:0

點選查看結果

由以上的程式碼可以看出，並非只是同類元素，而是所有的同儕元素。

語法結構二:

當方法的參數為DOM物件或jQuery物件時，傳回值是此DOM物件或jQuery物件在指定的元素集合中索引。
如果在指定的元素集合中找不到指定的DOM物件或jQuery對象，那麼傳回值為-1。

複製程式碼 程式碼如下:

$(selector).index(element)

參數列表:

参数	描述
element	获得index位置的DOM对象或者jQuery对象。

實例碼:

實例一:

複製程式碼 程式碼如下:

 

   
• 後台專區

   
• 前台專區

   
• 資料庫專區

   
• 站長溝通

 

目前li元素的位置:0

點選查看結果

實例二:

因為找不到符合的元素，所以回傳值是-1.

複製程式碼 程式碼如下:

 

   
• 後台專區

   
• 前台專區

   
• 資料庫專區

   
• 站長溝通

    搜尋最佳化
 

目前li元素的位置:0

點選查看實例

語法結構三:

當方法的參數為選擇器時，將會從透過此選擇器所獲得的物件集合中尋找元素。

複製程式碼 程式碼如下:

$(selector).index(Jqselector)

參數列表:

参数	描述
Jqselector	选择器，将会从通过此选择器获得的对象中查找元素。

實例碼:

複製程式碼 程式碼如下:

 

   
• 後台專區

   
• 前台專區

   
• 資料庫專區

   
• 站長溝通

    搜尋最佳化
 

目前li元素的位置:0

點選查看實例

上述程式碼會取得id值為qian的li元素在透過li選擇器取得li物件集合中的索引位置。

希望本文所述對大家的jQuery程式設計有所幫助。