本文介绍 jQuery 中 index() 方法的用法。该方法用于返回指定元素相对于其他指定元素的索引位置,返回值从 0 开始计数。若未找到匹配元素,则返回 -1。文章包含完整的 HTML 示例代码,演示如何通过点击按钮获取特定元素的索引值。
jQuery index() 方法概述
index([subject]) 方法用于获取索引值,返回类型为 Number(数值),计数从 0 开始。
index() 方法返回指定元素相对于其他指定元素的 index 位置。需要注意的是,如果未找到匹配的元素,index() 将返回 -1。
index() 方法代码示例
具体实现代码如下:
<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>