Question

根据div的id获取该div在父元素中的索引？

<div id = "aaa">
<div></div>
<div></div>
<div id = "a"></div>
<div></div>
<div></div>
<div></div>
</div>

id为a的索引为2，这个2是怎么获得的。
给上代码 多谢

Answer 1

// 测试代码
window.onload = function(){
	// 弹出结果
	alert(index('a'))
}

function index(id){
	// 根据参数id取得该节点
	var obj = document.getElementById(id);
	// 获取该节点的父节点
	var p = obj.parentNode;
	// 取得父节点下的所有节点
	var tags = p.getElementsByTagName('*');
	// 在父节点的所有子节点中查找自己所在的位置
	for(var i=0,len=tags.length;i<len;i++){
		// 找到节点，返回下标
		if(tags[i] == obj){
			return i;
		}
	}
	// 不在父节点中，返回-1
	return -1;
}

Answer 2

可以取得

通过document.getElementsByTagName

详细如下：

var a = document.getElementById("a");
var divs = a.parentNode.getElementsByTagName("div");
for(var i = 0, l = divs.length;i < l; i++ ){
     if(a == divs[i]){
       break;// 这样就可以通过i取到索引，也可以设置一个变量来取i的值
       // 或者写成一个函数
   }
}

追问

我问的那么明白，按照我那个例子给个代码啊

Answer 3

这两个答案都是对的 ， 实验一下