JS获取列表索引值

Posted 2020-09-10 God丶魔多

html部分

<ul id="test">
        <li>111</li>
        <li>222</li>
        <li>333</li>
        <li>444</li>
</ul>

JS部分

window.onload=function(){
  var ul=document.getElementById(‘test‘);
  var ul_lis=ul.getElementsByTagName(‘li‘);
    for (var i = 0;i < ul_lis.length; i++) {
      ul_lis[i].index = i;
      ul_lis[i].onclick=function(){
        var j=this.index+1;
        alert(j);
      }
    }
};