jquery索引在使用中的一些困惑
<script type="text/javascript">
$(function(){
$("input[type=button]").click(function(){
alert($(this).index());
})
})
</script>
<ul>
<li><input type="button" value="按鈕一" /></li>
<li><input type="button" value="按鈕一" /></li>
<li><input type="button" value="按鈕一" /></li>
<li><input type="button" value="按鈕一" /></li>
<li><input type="button" value="按鈕一" /></li>
<li><input type="button" value="按鈕一" /></li>
<li><input type="button" value="按鈕一" /></li>
<li><input type="button" value="按鈕一" /></li>
<li><input type="button" value="按鈕一" /></li>
<li><input type="button" value="按鈕一" /></li>
</ul>
問(wèn)題一:為什么現(xiàn)在彈出來(lái)每個(gè)button(在ul>li中的)的索引值都是零,為什么不是從0-9排列的;
答:第一個(gè)匹配元素的 index,相對(duì)于同胞元素,獲得第一個(gè)匹配元素相對(duì)于其同胞元素的 index 位置。請(qǐng)注意是"同胞".
<script type="text/javascript">
$(function(){
$("input[type=button]").click(function(){
alert($(this).index());
})
})
</script>
<ul>
<input type="button" value="按鈕一" /><br />
<input type="button" value="按鈕一" /><br />
<input type="button" value="按鈕一" /><br />
<input type="button" value="按鈕一" /><br />
<input type="button" value="按鈕一" /><br />
<input type="button" value="按鈕一" /><br />
<input type="button" value="按鈕一" /><br />
<input type="button" value="按鈕一" /><br />
<input type="button" value="按鈕一" /><br />
<input type="button" value="按鈕一" /><br />
</ul>
問(wèn)題二:為什么在button不在ul>li中,并且每個(gè)button后面加<br />的時(shí)候,彈出button的索引值翻了一倍,是從0-18的啊?
答:因?yàn)?lt;br />也是同胞元素.
以下是在百度百科中查到的"同胞"的含義:
同父母所生的,例如同胞兄弟;
相關(guān)文章
JQuery復(fù)選框全選效果如何實(shí)現(xiàn)
這篇文章主要介紹了JQuery復(fù)選框全選效果如何實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05jQuery中JSONP的兩種實(shí)現(xiàn)方式詳解
這篇文章主要介紹了jQuery中JSONP的兩種實(shí)現(xiàn)方式詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09jQuery實(shí)現(xiàn)跨域iframe接口方法調(diào)用
頁(yè)面a.html域名為www.a.com嵌入頁(yè)面http://www.b.com/b.html,b.html要調(diào)用a.html中的js函數(shù),由于兩個(gè)頁(yè)面不在一個(gè)域中,會(huì)提示沒(méi)權(quán)限。如何解決該問(wèn)題呢,請(qǐng)看下面示例代碼。2015-03-03jQuery+JSON+jPlayer實(shí)現(xiàn)QQ空間音樂(lè)查詢(xún)功能示例
本文為大家介紹下jQuery+JSON+jPlayer實(shí)現(xiàn)QQ空間音樂(lè)查詢(xún),具體的實(shí)現(xiàn)過(guò)程感興趣的朋友可以了解下哈,希望對(duì)大家有所幫助2013-06-06使用jquery實(shí)現(xiàn)圖文切換效果另加特效
白天活干完,弄個(gè)jquery仿凡客誠(chéng)品圖片切換的效果;以前寫(xiě)的不是很好,今天重新做個(gè)jquery特效,其實(shí)很簡(jiǎn)單,感興趣的朋友可以了解下哦,希望本文對(duì)你有幫助2013-01-01jQuery實(shí)現(xiàn)原理的模擬代碼 -6 代碼下載
前幾篇文章中的示例代碼,去掉了幾個(gè) bug, 這里一起提供下載。2010-08-08增強(qiáng)用戶體驗(yàn)友好性之jquery easyui window 窗口關(guān)閉時(shí)的提示
在項(xiàng)目中,客戶提出這么個(gè)要求,就是在關(guān)閉彈出的窗口的時(shí)候,如果點(diǎn)擊 紅X 或 取消按鈕 則提示 ”確認(rèn)保存了當(dāng)前的操作“ 這么個(gè)信息,否則就不提示啦2012-06-06Easyui使用Dialog行內(nèi)按鈕布局的實(shí)例
下面小編就為大家?guī)?lái)一篇Easyui使用Dialog行內(nèi)按鈕布局的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07jQuery timers計(jì)時(shí)器簡(jiǎn)單應(yīng)用說(shuō)明
大家都知道jQuery很強(qiáng)大,也有很多效果很帥的插件,下面介紹下jQuery定時(shí)器插件jQuery Timers,那JS都自帶有定時(shí)器,為什么要使用Jquery的呢?2010-10-10