js怎么获取当前的索引值

JavaScript021

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一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

js的for 里面的变量就是下标索引。

var person = {fname:"John", lname:"Doe", age:25} 

var text = ""

var x

for (x in person) {

    text += person[x]

}

补充：你说的是foreach, 那就是定义遍历函数时有个参数是索引。

array.forEach(callback[, thisArg])

参数

callback

在数组每一项上执行的函数，接收三个参数：

currentValue

当前项（指遍历时正在被处理那个数组项）的值。

index

当前项的索引（或下标）。

array

数组本身。

thisArg

可选参数。用来当作callback 函数内this的值的对象。

参考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach