使用原生javascript如何获取target事件源对象相对于兄弟节点的索引-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

使用原生javascript如何获取target事件源对象相对于兄弟节点的索引

伊谢尔伦 2017-04-10 15:32:12

[JavaScript讨论组]

743



<p id='demo>
<span></span>
<span></span>
</p>

如上，有两个span标签，当鼠标在某个span上触发时，需要获取触发的是第几个span，原生js似乎没有方法或者属性可以获取，求思路

伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

全部回复(2)

伊谢尔伦2017-04-10 15:34:12 2楼

var getIndex = function (element) {
    return Array.prototype.slice.call(element.parentNode.children).indexOf(element);
}

赞 +0

添加回复

迷茫2017-04-10 15:34:12 1楼

获取index？



<p id='demo'>
   <span>span 1</span>
   <span>span 2</span>
</p>





<

script type="text/javascript">
    var spans = document.querySelectorAll('#demo>span');

    for (var i=0;i<spans.length;i++){
        spans[i].index =i //这里的index作为索引
        spans[i].onclick = function(){
        alert(this.index)

        }
    }
</script>

赞 +0

添加回复