jQuery中获取当前元素下标的方法

在JavaScript和jQuery中，我们经常需要获取当前元素的下标，这在处理动态生成的元素或者需要对元素进行排序的情况下非常有用，原生的JavaScript并没有提供直接获取元素下标的API，我们需要使用一些技巧来实现这个功能。

我们需要创建一个数组来存储所有的元素，我们可以使用jQuery的.index()方法来获取当前元素的下标，这个方法返回的是元素在数组中的索引，而不是在DOM中的索引。

以下是一个简单的示例：

Markup

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
    <ul id="myList">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
    <script>
        $(document).ready(function(){
            var items = $('#myList li').get(); // 获取所有列表项并存储在数组中
            $('#myList li').click(function(){ // 为每个列表项添加点击事件
                var index = $(this).index(); // 获取当前元素的下标
                alert('The index of the clicked item is: ' + index); // 显示下标
            });
        });
    </script>
</body>
</html>