我体内有一些元素。我想知道他们的索引,比如 div 索引应该是 1 并且跨度它的索引应该是 2。如何开始查找
$(function(){
var id= document.getElementsByTagName('*');
for(i=0; i<id.length;i++){
alert(id[i])
}})
<body>
<div></div>
<span></span>
<p></p>
<strong></strong>
</body>
我体内有一些元素。我想知道他们的索引,比如 div 索引应该是 1 并且跨度它的索引应该是 2。如何开始查找
$(function(){
var id= document.getElementsByTagName('*');
for(i=0; i<id.length;i++){
alert(id[i])
}})
<body>
<div></div>
<span></span>
<p></p>
<strong></strong>
</body>
您可以使用以下代码在 jQuery 中非常轻松地执行此操作(我可以看到您正在使用它):
$(function(){
$.each($('body *'), function(i, v) { // All elements within the <body> tag
var index = (i + 1); // zero-based index, so plus 1.
console.log(index);
});
})
这里的 jsFiddle 示例:http: //jsfiddle.net/u7kWF/
纯JS示例:
var id = document.body.getElementsByTagName('*'); // Get all tags within <body>
for(i=0; i<id.length;i++){
console.log(id[i]); // The tag - <div>, <span>, <p>, <strong>
console.log(i + 1); // The index - 1,2,3,4
}
jsfiddle:http: //jsfiddle.net/u7kWF/1/
试试下面的方法,它会帮助你...
小提琴:http: //jsfiddle.net/RYh7U/136/
HTML:
<body>
<div></div>
<span></span>
<p></p>
<strong></strong>
</body>
Javascript:
$(function(){
var id= document.body.getElementsByTagName("*");;
for(i=0; i<id.length;i++){
alert(" Tagname : " + id[i].tagName + " Index : " + i)
}})