2013-03-05 61 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> 

以上是html和手動創建的對象ID數組。

我不想爲數組中的每個插槽編寫一個id標記,而是想用「.object」類和唯一的rel標籤屬性「自動」生成所有對象的數組。

+1

應該是什麼數組的內容? DOM節點?標識? – bfavaretto 2013-03-05 01:38:46

回答

0

您可以從DOM中選擇所需的特定元素,然後迭代它們以填充陣列。

在純JS:

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/

相關問題