點選事件獲取當前li的索引
思路:
先迴圈給每個li標籤加個索引的屬性,並賦值。
當點選的時候彈出當前li的索引屬性
var aLi = document.getElementsByTagName('li');
for(var i=0; i<aLi.length;i++){
aLi[i].index = i;
aLi[i].onclick = function(){
console.log( this.index); // this指向當前被點選的li
}
}
my favour:
思路2:
迴圈,立即執行函式,當點選當前li就把i傳參直接列印。
var aLi = document.getElementsBy('li');
for(var i = 0; i<aLi.length; i++){
(function (n){
aLi[i].onclick = function(){
console.log(n)
}
}(i)
)
}
相關文章
- JavaScript獲取當前li元素的索引位置JavaScript索引
- 當前li元素的索引值索引
- 點選按鈕獲取當前位置
- 獲取當前元素在兄弟元素節點中的索引索引
- javascript獲取當前li元素在集合中的位置JavaScript
- jQuery獲取當前li元素的下一個元素jQuery
- jQuery如何獲取當前元素的索引jQuery索引
- JavaScript獲取當前li元素是第幾個JavaScript
- Flutter 小知識,Key的使用(獲取當前點選Widget位置/獲取當前Widget大小)Flutter
- JavaScript獲取當前點選元素的id屬性值JavaScript
- 獲取當前li是第幾個的程式碼例項
- ListView,點選每一個Item,如何獲取當前Item的資料?View
- jquery如何獲取大於指定索引的li元素jQuery索引
- js獲取當前select下拉選單選中項的值JS
- JavaScript 獲取當前月份JavaScript
- JavaScript 獲取當前域名JavaScript
- javascript獲取當前urlJavaScript
- python怎麼獲取當前是幾點?Python
- jQuery獲取索引小於指定值的li元素集合jQuery索引
- php 獲取當前域名和當前協議PHP協議
- 封裝js獲取當前元素的弟弟元素節點封裝JS
- mybatis獲取當前時間MyBatis
- Java獲取當前星期幾Java
- JQuery獲取當前元素本身jQuery
- java獲取當前時間Java
- Qt獲取當前時間QT
- js獲取當前時間JS
- Qt 獲取當前時間QT
- javascript獲取當前的時間戳JavaScript時間戳
- 獲取當前會話資訊的方法會話
- jQuery 刪除當前li元素jQuery
- javascript如何獲取當前選中的option項的文字和value值JavaScript
- 微信小程式獲取當前位置微信小程式
- Android獲取當前桌面桌布Android
- jquery如何獲取li元素的前n個程式碼例項jQuery
- Spark獲取當前分割槽的partitionIdSpark
- 獲取當前Tomcat例項的埠Tomcat
- js獲取當前的具體時間JS