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

rand
  • 2k


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

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

回复
阅读 7k
2 个回答
✓ 已被采纳
var getIndex = function (element) {
    return Array.prototype.slice.call(element.parentNode.children).indexOf(element);
}

获取index?



<div id='demo'> <span>span 1</span> <span>span 2</span> </div> < 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>
宣传栏