Jquery index()方法 獲取相應(yīng)元素索引值
更新時間:2012年10月12日 00:27:08 作者:
昨天做一個Jqery效果,要獲取相應(yīng)元素的索引值,暈,又忘記了?,F(xiàn)在記錄下來,以后再次忘記好查怎么獲取相應(yīng)元素的索引值
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>
請點(diǎn)擊下面的按鈕,以獲得 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。
復(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>
請點(diǎn)擊下面的按鈕,以獲得 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獲取元素索引值index()示例
- jquery 獲取當(dāng)前元素的索引值
- jQuery實(shí)現(xiàn)select下拉框獲取當(dāng)前選中文本、值、索引
- jQuery實(shí)現(xiàn)獲取元素索引值index的方法
- jquery獲取當(dāng)前元素索引值用法實(shí)例
- jquery 獲取索引值在一定范圍的列表方法
- jQuery在ul中顯示某個li索引號的方法
- jQuery建立一個按字母順序排列的友好頁面索引(兼容IE6/7/8)
- jQuery實(shí)現(xiàn)帶右側(cè)索引功能的通訊錄示例【附源碼下載】
- jQuery實(shí)現(xiàn)的簡單獲取索引功能示例
相關(guān)文章
jQuery+json實(shí)現(xiàn)的簡易Ajax調(diào)用實(shí)例
這篇文章主要介紹了jQuery+json實(shí)現(xiàn)的簡易Ajax調(diào)用,結(jié)合實(shí)例形式分析了jQuery基于ajax實(shí)現(xiàn)json傳參調(diào)用的技巧,需要的朋友可以參考下2015-12-12firefox下jquery iframe刷新頁面提示會導(dǎo)致重復(fù)之前動作
刷新頁面會提示要顯示此頁面, Firefox 必須發(fā)送將會導(dǎo)致重復(fù)之前動作的數(shù)據(jù),此問題很是疑惑,接下來將為您解答,需要的朋友可以了解下2012-12-12詳解jQuery中關(guān)于Ajax的幾個常用的函數(shù)
AJAX 是一種在無需重新加載整個網(wǎng)頁的情況下,能夠更新部分網(wǎng)頁的技術(shù)。下面通過本文給大家分享jQuery中關(guān)于Ajax的幾個常用的函數(shù),需要的的朋友參考下2017-07-07jQuery實(shí)現(xiàn)鼠標(biāo)移入顯示蒙版效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)鼠標(biāo)移入顯示蒙版效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-01-01jQuery Checkbox 全選 反選的簡單實(shí)例
本文主要介紹了Checkbox的全選、反選的簡單實(shí)例,需要的朋友可以參考下2016-11-11