js怎么获取当前的索引值

JavaScript013

js怎么获取当前的索引值,第1张

用JS遍历就可以做，代码如下：

<ul id="test">

<ul>

<li>111</li>

<li>222</li>

<li>333</li>

<li>444</li>

</ul>

</ul>

<script>

window.onload=function(){

  var ul=document.getElementById('test')

  var ul_lis=ul.getElementsByTagName('li')

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

      ul_lis[i].index = i

      ul_lis[i].onclick=function(){

        var j=this.index+1

        alert(j)

      }

    }

}

</script>

如果想简单的放用Jquery很方便就可以获取。

<ul id="test">

<ul>

<li>111</li>

<li>222</li>

<li>333</li>

<li>444</li>

</ul>

</ul>

<script>

$("#test li").click(function(){

var index = $(this).index()+1

alert(index)

return false

})

</script>

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

var eleArr=document.querySelector("div [data-id='你的data-id的值']").chlidren

for(var i=0i<eleArr.lengthi++){

eleArr[i].index=i

eleArr[i].addEventListener("click",function(){

console.log(this.index)

})

}

哎，js麻烦死了，要是可以用jQuery就好了