0

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タグ属性を持つすべてのオブジェクトの配列を「自動的に」生成したいと思います。

4

1 に答える 1

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/

于 2013-03-05T03:18:52.467 に答える