2013-03-05 3 views
0

대신 ID를 사용하고 배열에 35 개 이상의 미리보기 이미지를 수동으로로드하는 경우 정렬 된 숫자 rel 특성을 기반으로 배열을 자동으로 만드는 방법이 있는지 궁금합니다.숫자 rel 속성에서 배열을로드 할 수 있습니까?

<body> 
    <div id="container"> 
     <a id="first" class="object" rel="0"></a> 
     <a id="second" class="object" rel="1" ></a> 
     <a id="third" class="object rowEnd" rel="2" ></a> 
    </div> 
</body> 
<script> 
    var objectArray=new Array(); 
    objectArray[0]="#first"; 
    objectArray[1]="#second"; 
    objectArray[2]="#third"; 
</script> 

위의 내용은 수동으로 생성 된 개체 ID 배열입니다.

배열의 각 슬롯에 id 태그를 쓰는 대신 ".object"클래스와 고유 한 rel 태그 속성을 사용하여 모든 객체의 배열을 "자동으로"생성하고 싶습니다.

+1

은 무엇 배열의 내용이어야한다 순수한 JS에서

? DOM 노드? 신분증? – bfavaretto

답변

0

DOM에서 필요한 특정 요소를 선택하고 반복하여 배열을 채울 수 있습니다. 예를 들어

var objectArray = []; 
var objects = document.getElementById('container').getElementsByTagName('a'); 

for (var i = 0; i < objects.length; i++) { 
    objectArray[objects[i].rel] = objects[i].id; 
} 

참조 jsFiddle : http://jsfiddle.net/nxJP5/1/

관련 문제