首頁 >web前端 >js教程 >jquery怎麼判斷當前元素是第幾個

jquery怎麼判斷當前元素是第幾個

藏色散人
藏色散人原創
2021-11-12 10:10:433863瀏覽

jquery判斷目前元素是第幾個的方法:1、建立一個HTML範例檔案;2、透過jQuery程式碼「$("ul li").click(function () {var index = $( "ul li").index...})」進行判斷即可。

jquery怎麼判斷當前元素是第幾個

本文操作環境:windows7系統、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開始的。

推薦學習:《jquery影片教學

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

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