给元素添加index的三种方法

在写js的过程中有的时候会遇到需要给元素添加索引的情况，例如需要删除元素的时候，需要先在列表中找到元素的位置，然后才能进行删除操作，那么怎样给元素增添Index呢？可以使用如下方法：

1、将元素的id设置为index

如果元素的id没有被命名，那么可以用for循环的方式给元素的id从0开始赋值，作为元素的编号。

            for(var i = 0; i < item.length; i ++){

                item[i].id = i;

            }

           

获取元素index的时候如下：

           item[i].on('click', function(){

                var idx = this.id;

           })

2、给元素添加data-index自定义属性

可以用setAttribute()方法给元素添加data-index自定义属性，然后用for循环给这个属性从0开始赋值。

           for(var i = 0; i < item.length; i ++){

               item[i].setAttribute("data-index", i);

           }

 获取元素index的时候如下：

           item[i].on('click', function(){

                var idx = this.getAttribute("data-index");

           })

3、使用jquery的.index()方法直接获取元素相对于其同级元素的index位置。

           $('.item').on('click', function(){

                $(this).index();

           })