js循環給li綁定事件實作 點擊li彈出其索引值 和內容

近期，面試我們總會遇到這樣一個面試題：

現在網上答案很多苟同，但是我還是想在重複的述說一遍，俗話說：好記憶不如爛筆頭， 雖然常見，簡單，反復出現，總之，在簡單的多寫寫記憶還是很深刻的，即使忘了，也能拿出來翻翻。

程式碼如下：（簡單）

html代碼

 

　　

• 香蕉

　　

• 獼猴桃

　　

• 芒果

 

• 方法一:

•    var itemli = document.getElementsByTagName("li");
   for(var i = 0; i

　y for(var i = 0; i

　y　　　li>屬性索引值，賦

　　　　itemli[i].onclick = function(){

　　　　　　alert("下標值為：this+.index+"n"+文字內容為"+"M. //  n換行   索引值從0開始

　　　　}

   }

方法二：（常用）

var itemli = docum.getElementsByName(vari; length; i++){

　　　(function(n){

        　　itemli[i].onclick = f. "文字內容是：" +itemli[n].innerHTML)；

        itemli[i ].onclick = function(n){

    　　　　return function(){

              n換行   索引值從0開始

            }    　　}(i)

   }

(p.jQuery(     var item = $(this). index();  //取得索引下標也從0開始

        var textword = $(this).text();  //文字內容

        alert("下標索引值為：" + item +"n    alert("下標索引值為：" + item +"n+"文字內容為："+textword); //  n換行

    })