首頁  >  文章  >  web前端  >  jquery怎麼判斷被選中是第幾個

jquery怎麼判斷被選中是第幾個

WBOY
WBOY原創
2022-01-10 16:38:311871瀏覽

在jquery中,可以利用index()方法判斷被選取的元素是第幾個,該方法用於傳回指定元素相對於其他指定元素的index位置,語法為「指定元素物件.index (this)」。

jquery怎麼判斷被選中是第幾個

本教學操作環境:windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery怎麼判斷被選中是第幾個

#假設有下面這樣一段HTML程式碼:

<ul>
    <li>jQuery判断当前元素是第几个元素示例</li>
    <li>jQuery获取第N个元素示例</li>
    <li>jQuery选择器示例</li></ul>

jQuery判斷目前元素是第幾個元素

如果我們點擊任何一個li標籤,想知道目前點擊的是第幾個li標籤,可以使用下面的程式碼:

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

如上面的jQuery代碼,如果點擊的第一個會提示”0″,如果是第二個li標籤會提示”1″,注意索引序號是從0開始的。

index() 方法傳回指定元素相對於其他指定元素的 index 位置。

這些元素可透過 jQuery 選擇器或 DOM 元素來指定。

注意:如果找不到元素,index() 將會回傳 -1。

相關影片教學推薦:jQuery影片教學

#

以上是jquery怎麼判斷被選中是第幾個的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn