                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /jQuery基礎(二)—DOM篇

$(this).index()什么意思

<!DOCTYPE?html>
<html>

<head>
????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/>
????<title></title>
????<style>
????.left?{
????????width:?auto;
????????height:?150px;
????}
????
????.left?div?{
????????width:?150px;
????????height:?120px;
????????padding:?5px;
????????margin:?5px;
????????float:?left;
????????background:?#bbffaa;
????????border:?1px?solid?#ccc;
????}
????</style>
????<script?src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>

<body>
????<h2>each方法</h2>
????<div?class="left?first-div">
????????<div?class="div">
????????????<ul>
????????????????<li>list?item?1</li>
????????????????<li>list?item?2</li>
????????????????<li>list?item?3</li>
????????????</ul>
????????</div>
????????<div?class="div">
????????????<ul>
????????????????<li>list?item?4</li>
????????????????<li>list?item?5</li>
????????????????<li>list?item?6</li>
????????????</ul>
????????</div>
????</div>

????<br/>
????<button>點擊：each方法遍歷元素</button>
????<button>點擊：each方法回調判斷</button>
????<script?type="text/javascript">
????$("button:first").click(function()?{
????????//遍歷所有的li
????????//修改每個li內的字體顏色
????????$("li").each(function(index,?element)?{
????????????alert(index)
????????????alert($(this).index())
????????????$(this).css('color','red')
????????})

????})
????</script>
</body>

</html>

alert(index)： 0 1 2 3 4 5
alert($(this).index())： 0 1 2 0 1 2

$(this).index()什么意思 ? ??