Jquery index()方法 獲取相應元素索引值
更新時間：2012年10月12日 00:27:08 作者：
昨天做一個Jqery效果，要獲取相應元素的索引值，暈，又忘記了。現(xiàn)在記錄下來，以后再次忘記好查怎么獲取相應元素的索引值
index([subject])方法，返回值:Number(從0開始計數(shù))
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>
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>
相關文章
這篇文章主要介紹了Jquery Fade用法詳解,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-11-11
這篇文章主要為大家詳細介紹了jQuery對table表格進行增刪改查操作，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
jQuery+json實現(xiàn)的簡易Ajax調(diào)用實例
這篇文章主要介紹了jQuery+json實現(xiàn)的簡易Ajax調(diào)用,結(jié)合實例形式分析了jQuery基于ajax實現(xiàn)json傳參調(diào)用的技巧,需要的朋友可以參考下2015-12-12
firefox下jquery iframe刷新頁面提示會導致重復之前動作
刷新頁面會提示要顯示此頁面， Firefox 必須發(fā)送將會導致重復之前動作的數(shù)據(jù),此問題很是疑惑,接下來將為您解答，需要的朋友可以了解下2012-12-12
AJAX 是一種在無需重新加載整個網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)。下面通過本文給大家分享jQuery中關于Ajax的幾個常用的函數(shù)，需要的的朋友參考下2017-07-07
本文主要介紹了jquery對象與DOM對象轉(zhuǎn)化方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)鼠標移入顯示蒙版效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
本文主要介紹了Checkbox的全選、反選的簡單實例,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了jQuery插件ajaxFileUpload異步上傳文件的相關資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
getJson在IE下IE下默認會使用瀏覽器緩存，所以導致數(shù)據(jù)不顯示，讓其不要使用緩存便可解決2013-06-06