Jquery index()方法 獲取相應(yīng)元素索引值
更新時(shí)間：2012年10月12日 00:27:08 作者：
昨天做一個(gè)Jqery效果，要獲取相應(yīng)元素的索引值，暈，又忘記了?，F(xiàn)在記錄下來(lái)，以后再次忘記好查怎么獲取相應(yīng)元素的索引值
index([subject])方法，返回值:Number(從0開始計(jì)數(shù))
index()方法返回指定元素相對(duì)于其他指定元素的 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>
請(qǐng)點(diǎn)擊下面的按鈕，以獲得 id="favorite" 的元素相對(duì)于 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()方法返回指定元素相對(duì)于其他指定元素的 index 位置。注釋：如果未找到元素，index() 將返回 -1。
復(fù)制代碼 代碼如下:
<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>
請(qǐng)點(diǎn)擊下面的按鈕，以獲得 id="favorite" 的元素相對(duì)于 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獲取元素索引值index()示例
- jquery 獲取當(dāng)前元素的索引值
- jQuery實(shí)現(xiàn)select下拉框獲取當(dāng)前選中文本、值、索引
- jQuery實(shí)現(xiàn)獲取元素索引值index的方法
- jquery獲取當(dāng)前元素索引值用法實(shí)例
- jquery 獲取索引值在一定范圍的列表方法
- jQuery在ul中顯示某個(gè)li索引號(hào)的方法
- jQuery建立一個(gè)按字母順序排列的友好頁(yè)面索引(兼容IE6/7/8)
- jQuery實(shí)現(xiàn)帶右側(cè)索引功能的通訊錄示例【附源碼下載】
- jQuery實(shí)現(xiàn)的簡(jiǎn)單獲取索引功能示例
相關(guān)文章
基于PHP+Jquery制作的可編輯的表格的代碼，需要的朋友可以參考下。2011-04-04
這篇文章主要介紹了jQuery鏈?zhǔn)讲僮?實(shí)例分析了jQuery基于鏈?zhǔn)讲僮鲃?dòng)態(tài)改變頁(yè)面元素樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
Jquery EasyUI的添加，修改，刪除，查詢等基本操作介紹
初識(shí)Jquery EasyUI看了一些博主用其開發(fā)出來(lái)的項(xiàng)目，頁(yè)面很炫，感覺功能挺強(qiáng)大，效果也挺不錯(cuò)，最近一直想系統(tǒng)學(xué)習(xí)一套前臺(tái)控件，于是在網(wǎng)上找了一些參考示例2013-10-10
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
很多網(wǎng)站都是使用這種方式引入，客戶的瀏覽器可能已經(jīng)緩存過了 jquery?？梢灾苯诱{(diào)用本地的，速度更快2011-04-04
在逛博客中無(wú)意中看到這個(gè)插件，一下就吸引住了我，于是就自己在網(wǎng)上找了些資料實(shí)踐了一下2011-08-08
基于jquery的Repeater實(shí)現(xiàn)代碼
本文和大家詳解如何使用javascript來(lái)實(shí)現(xiàn)一個(gè)asp.net 的Repeater控件，叫jQuery.Repeater插件。一起來(lái)看下吧。2010-07-07
使用微信內(nèi)置瀏覽器點(diǎn)擊下拉框出現(xiàn)頁(yè)面亂跳轉(zhuǎn)現(xiàn)象（iphone），該怎么辦
這篇文章主要介紹了使用微信內(nèi)置瀏覽器點(diǎn)擊下拉框出現(xiàn)頁(yè)面亂跳轉(zhuǎn)現(xiàn)象（iphone），該怎么辦的相關(guān)資料,需要的朋友可以參考下2016-01-01
jQuery使用一個(gè)按鈕控制圖片的伸縮實(shí)現(xiàn)思路
上一篇講解了jquery同時(shí)控制四張圖片的伸縮，想必大家對(duì)伸縮有一定了解了，本文將為大家介紹下使用按鈕控制圖片的伸縮，感興趣的朋友可以參考下哈2013-04-04
這篇文章主要介紹了jQuery獲得子元素個(gè)數(shù)的方法,實(shí)例分析了jQuery中children()方法的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
MultiSelect左右選擇控件的設(shè)計(jì)與實(shí)現(xiàn)介紹
由于項(xiàng)目中用到左右選擇的控件，網(wǎng)上找了一些相關(guān)的實(shí)現(xiàn)，基本上有兩個(gè):1、基于JQuery UI的控件2、某個(gè)兄弟手寫的一個(gè)控件,具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈2013-06-06