jQuery index()方法的用法

在 jQuery 中，我們可以使用 index() 方法來獲取當前 jQuery 物件集合中“指定元素”的索引值。

語法：

$().index()

index() 方法可以接受一個“jQuery物件”或“DOM物件”作為引數，不過一般情況下，我們很少會使用到引數。當 index() 不帶引數時，一般指的是當前元素相對於父元素的索引值。

應特別注意一點，索引值是從 0 開始而不是從 1 開始的。

舉例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("li").click(function () {  
                var index = $(this).index();
                alert("當前元素的索引是："+index);
            })
        })
    </script>
</head>
<body>
    <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
        <li>jQuery</li>
        <li>Vue.js</li>
    </ul>
</body>
</html>

預覽效果如圖 1 所示。

圖 1：index()方法的效果