1. 程式人生 > >給元素新增index的三種方法

給元素新增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();

           })