jQuery如何获取当前元素的索引:
获取元素的索引在一些操作中相当重要，例如选项卡或者下拉菜单的中可能会遇到，当然要根据特定的实现方式而定。
下面是一段获取当前元素索引的代码实例:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="http://www.51texiao.cn/" />
<title>jQuery如何获取当前元素的索引</title>
<style type="text/css">
li{
list-style:none;
width:100px;
height:40px;
background-color:green;
margin-bottom:10px;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
$("li").mouseenter(function(){
alert($(this).index());
});
})
</script>
</head>
<body>
<ul>
<li>第一个li</li>
<li>第一个li</li>
<li>第一个li</li>
<li>第一个li</li>
</ul>
</body>
</html>
以上代码可以在当鼠标放在li元素上时，弹出当前li元素的索引值。
说明:index()的索引值是从0开始的。
原文地址是:http://www.51texiao.cn/jqueryjiaocheng/2015/0519/1927.html
最为原始地址是:http://www.softwhy.com/
时间： 2024-10-17 04:33:29