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

Can I load an array from a numeric rel attribute?

本文关键字:数组 加载 属性 数字 rel 我可以      更新时间:2023-09-26

而不是使用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标签。

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