jquery索引在使用中的一些困惑
更新時間:2013年10月24日 17:54:11 作者:
為什么現(xiàn)在彈出來每個button(在ul li中的)的索引值都是零,為什么不是從0-9排列的等等一系列問題將在本文為大家詳細(xì)介紹下
今日同事很正式的向我提出了兩個關(guān)于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>
問題一:為什么現(xiàn)在彈出來每個button(在ul>li中的)的索引值都是零,為什么不是從0-9排列的;
答:第一個匹配元素的 index,相對于同胞元素,獲得第一個匹配元素相對于其同胞元素的 index 位置。請注意是"同胞".
<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>
問題二:為什么在button不在ul>li中,并且每個button后面加<br />的時候,彈出button的索引值翻了一倍,是從0-18的啊?
答:因為<br />也是同胞元素.
以下是在百度百科中查到的"同胞"的含義:
同父母所生的,例如同胞兄弟;
復(fù)制代碼 代碼如下:
<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>
問題一:為什么現(xiàn)在彈出來每個button(在ul>li中的)的索引值都是零,為什么不是從0-9排列的;
答:第一個匹配元素的 index,相對于同胞元素,獲得第一個匹配元素相對于其同胞元素的 index 位置。請注意是"同胞".
復(fù)制代碼 代碼如下:
<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>
問題二:為什么在button不在ul>li中,并且每個button后面加<br />的時候,彈出button的索引值翻了一倍,是從0-18的啊?
答:因為<br />也是同胞元素.
以下是在百度百科中查到的"同胞"的含義:
同父母所生的,例如同胞兄弟;
相關(guān)文章
jQuery實現(xiàn)跨域iframe接口方法調(diào)用
頁面a.html域名為www.a.com嵌入頁面http://www.b.com/b.html,b.html要調(diào)用a.html中的js函數(shù),由于兩個頁面不在一個域中,會提示沒權(quán)限。如何解決該問題呢,請看下面示例代碼。2015-03-03jQuery+JSON+jPlayer實現(xiàn)QQ空間音樂查詢功能示例
本文為大家介紹下jQuery+JSON+jPlayer實現(xiàn)QQ空間音樂查詢,具體的實現(xiàn)過程感興趣的朋友可以了解下哈,希望對大家有所幫助2013-06-06增強用戶體驗友好性之jquery easyui window 窗口關(guān)閉時的提示
在項目中,客戶提出這么個要求,就是在關(guān)閉彈出的窗口的時候,如果點擊 紅X 或 取消按鈕 則提示 ”確認(rèn)保存了當(dāng)前的操作“ 這么個信息,否則就不提示啦2012-06-06