获取列表索引值

HTML

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</ul>

js
// jq获取索引
      $.each($('li'),function(index,ele){
        $(ele).click(function(){
          console.log(index)
        })
      })

      // js获取索引
      var li = document.querySelector('li')
      for (var i = 0; i < li.length; i++){
        li = i
        li.onClick = function(){
          var j = this.index + 1;
          console.log(j)
        }
      }