jQuery index() 方法详解：获取元素索引位置

jQuery index() 方法概述

index([subject]) 方法用于获取索引值，返回类型为 Number（数值），计数从 0 开始。

index() 方法返回指定元素相对于其他指定元素的 index 位置。需要注意的是，如果未找到匹配的元素，index() 将返回 -1。

 
<html>
<head>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert($(".hot").index($("#favorite")));
}); 
}); 
</script>
</head>
<body>
请点击下面的按钮，以获得 id="favorite" 的元素相对于 jQuery 选择器 (class="hot") 的 index：
<button>获得 index</button>
<ul>
<li>Milk</li>
<li class="hot">Tea</li>
<li class="hot" id="favorite">Coffee</li>
</ul>
</body>
</html>