Question

而不是使用Id并手动将35个缩略图加载到数组中，我想知道是否有办法根据有序的数字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标记属性的所有对象的数组。

Answer 1

您可以从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/

我可以从数字rel属性加载数组吗？

1 个答案: