2013-04-16 30 views
5

本文にいくつかの要素があります。私は1でなければならないのdivインデックスのような彼らのインデックスを知ってほしいし、そのインデックスがどのように見つける起動する2.あるべきまたがるjavascriptを使用して要素インデックスを取得する方法

$(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> 
+0

「i + 1」はあなたが探している番号ではありませんか? – Dogbert

+0

「0」で始まる必要があります – Carlos

+0

「」は「0」にする必要がありますか? – Dogbert

答えて

2
あなたは(私はあなたがそれを使用している見ることができる)の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/

+0

あなたはこれをjavascriptを使ってしてください。 – Carlos

+0

$(function(){を使用しているのでjQueryライブラリがありますが、私はプレーンJSでもやっています) –

+0

純粋なJSで更新されました –

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) 
}}) 
関連する問題