关于＆＃34;这个＆＃34;的错误

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);
    }
}

这样的错误：

但是当我改变这样的代码时：

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] ，正如我们所知，但为什么当我使用orders[i].index时，它错了？

Answer 1

＆＃13;

＆＃13;

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

＆＃13;

 <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>

＆＃13;

＆＃13;

＆＃13;