js怎么获取当前的索引值

JavaScript011

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

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<script>标签,输入js代码:var a = location.href.split('/')document.body.innerText = a[a.length - 1]。

3、浏览器运行index.html页面,此时成功获取到当前页面文件名index.html并打印了出来。

HTML code

<script type="text/javascript">function demo(elem){ var tr = elem.parentNodealert(tr.rowIndex)} </script><table><tr><td$amp>amp$lt/td><td onclick="demo(this)">edit</td></tr><tr><td$amp>amp$lt/td><td onclick="demo(this)">edit</td></tr></table>