2013-04-16 3 views
5

본문에 요소가 하나 있습니다. 내가 일을해야 DIV 인덱싱과 같은 자신의 색인을 알고 싶어하고 인덱싱 방법 찾기 시작 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> 
+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

자바 스크립트를 사용하여이 작업을 수행 할 수 있습니까 – Carlos

+0

$ (function() {을 사용하는 것처럼 jQuery 라이브러리가 있습니다. 일반 JS에서도 그렇게 할 것입니다. –

+0

순수 JS로 업데이트되었습니다. –

1

... 그것은 당신을 도울 것입니다, 아래와 같이 시도

바이올린 :http://jsfiddle.net/RYh7U/136/

HTML :

<body> 
<div></div> 
<span></span> 
<p></p> 
<strong></strong> 
</body> 

자바 스크립트 :

$(function(){ 
var id= document.body.getElementsByTagName("*");; 
for(i=0; i<id.length;i++){ 
    alert(" Tagname : " + id[i].tagName + " Index : " + i) 
}}) 
관련 문제