jquery index()函數的用途是返回當前元素在其兄弟元素中的位置,從0開始計數。而當給定一個參數時,index()函數會返回該參數在該元素集合中的位置,同樣從0開始計數。下面,我們來看看一些使用示例。
<div> <p>第一個段落</p> <p>第二個段落</p> <p>第三個段落</p> </div> <div> <p>第四個段落</p> <p>第五個段落</p> </div> <script> $('p').click(function(){ var index = $(this).index(); alert('當前元素在兄弟元素中的位置為:' + index); }); </script>
上述代碼將會彈出窗口,并返回對應段落在其兄弟元素中的位置。例如點擊第四個段落會返回3,因為它在其兄弟元素中是第四個。下面再舉一個示例。
<ul> <li>蘋果</li> <li>香蕉</li> <li>橙子</li> <li class="current">草莓</li> <li>葡萄</li> </ul> <script> var index = $('li.current').index(); alert('當前元素在該元素集合中的位置為:' + index); </script>
上述代碼將返回3,因為當前元素即為"草莓"這個元素,它在li的集合中是第4個(從0開始計數)。
下一篇css同一文字不同顏色