Jquery index()方法 獲取相應元素索引值
更新時間：2012年10月12日 00:27:08 作者：
昨天做一個Jqery效果，要獲取相應元素的索引值，暈，又忘記了?，F(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>
相關文章
基于PHP+Jquery制作的可編輯的表格的代碼，需要的朋友可以參考下。2011-04-04
這篇文章主要介紹了jQuery鏈式操作,實例分析了jQuery基于鏈式操作動態(tài)改變頁面元素樣式的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
Jquery EasyUI的添加，修改，刪除，查詢等基本操作介紹
初識Jquery EasyUI看了一些博主用其開發(fā)出來的項目，頁面很炫，感覺功能挺強大，效果也挺不錯，最近一直想系統(tǒng)學習一套前臺控件，于是在網上找了一些參考示例2013-10-10
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
很多網站都是使用這種方式引入，客戶的瀏覽器可能已經緩存過了 jquery。可以直接調用本地的，速度更快2011-04-04
在逛博客中無意中看到這個插件，一下就吸引住了我，于是就自己在網上找了些資料實踐了一下2011-08-08
本文和大家詳解如何使用javascript來實現(xiàn)一個asp.net 的Repeater控件，叫jQuery.Repeater插件。一起來看下吧。2010-07-07
使用微信內置瀏覽器點擊下拉框出現(xiàn)頁面亂跳轉現(xiàn)象（iphone），該怎么辦
這篇文章主要介紹了使用微信內置瀏覽器點擊下拉框出現(xiàn)頁面亂跳轉現(xiàn)象（iphone），該怎么辦的相關資料,需要的朋友可以參考下2016-01-01
上一篇講解了jquery同時控制四張圖片的伸縮，想必大家對伸縮有一定了解了，本文將為大家介紹下使用按鈕控制圖片的伸縮，感興趣的朋友可以參考下哈2013-04-04
這篇文章主要介紹了jQuery獲得子元素個數(shù)的方法,實例分析了jQuery中children()方法的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
MultiSelect左右選擇控件的設計與實現(xiàn)介紹
由于項目中用到左右選擇的控件，網上找了一些相關的實現(xiàn)，基本上有兩個:1、基于JQuery UI的控件2、某個兄弟手寫的一個控件,具體實現(xiàn)如下，感興趣的朋友可以參考下哈2013-06-06