2

次のような動的に生成されたコンテンツを含むページがあります。

<ul class="alist">
  <li>something</li>
  <li>something</li>
</ul

<ul class="alist">
  <li>something</li>
  <li>something</li>
</ul>

<ul class="alist">
  <li>something</li>
  <li>something</li>
</ul>

順序付けされていないリストには、IDまたは一意のクラス識別子がないことに注意してください。

各ulにIDを割り当てる必要がありますが、毎回異なるIDを割り当てる必要があります。また、いつでもページに順序付けされていないリストがいくつあるかわかりません。

順序付けされていない各リストにIDとして番号を割り当てたい。したがって、最初のulにはID 1を割り当てる必要があります。2番目の順序付けされていないリストにはID2を割り当てる必要があります。ただし、ページに多くの順序付けされていないリストが表示される可能性があります...そして私には手がかりさえありませんどこから始めれば。

4

1 に答える 1

3

document.getElementsByTagNameここであなたの親友です。魔法をかけると、次のようになります。

var idcounter = 1;
[].forEach.call( document.getElementsByTagName( 'ul' ), function( ul ) {
    ul.id = 'myID-' + idcounter++;
});

デモ： http： //jsfiddle.net/xgkMx/

于 2012-12-15T22:52:14.120 に答える