關於「本」

Question

var orders=document.getElementsByClassName("order"); 
for(var i=0;i<orders.length;i++){ 
    orders[i].index=i; 
    orders[i].onclick=function(){ 
     console.log(orders[i].index); 
    } 
} 

如此的錯誤的錯誤： enter image description here

但是，當我改變這樣的代碼：

var orders=document.getElementsByClassName("order"); 
    for(var i=0;i<orders.length;i++){ 
     orders[i].index=i; 
     orders[i].onclick=function(){ 
      console.log(this.index); 
     } 
    } 

錯誤消失了，我感到困惑的是那這 == 訂單[i]我們知道，但爲什麼當我使用訂單[i] .index，它錯了？

Answer 1

$(document).on('click', '.order', function() { 
 
     console.log($(".order").index(this)); 
 
});

<div class="order ">product info</div> 
 
<div class="order">product info</div> 
 
<div class="order">product info</div> 
 
<div class="order">product info</div> 
 
<div class="order">product info</div>