私が取り組んでいるプロジェクトのリンクのリストの最初のリンクに属性を追加する必要があり、JavaScript を使用してこれを行う方法を考えています。以下のコードは動的に生成されますが、コードが以下のようになるように、すべてのリストの最初のタグに id="cover_title" を のシーケンスで挿入する方法を見つけたいと思います。何か案は?
<ul id="gallery">
<li id="album">
<div id="album_title">Summer 2012</div>
<div id="photo"><a id="cover_title" href="#"><img src="images/photo1.png"/></a></div>
<div id="photo"><a href="#"><img src="images/photo2.png"/></a></div>
<div id="photo"><a href="#"><img src="images/photo3.png"/></a></div>
<div id="photo"><a href="#"><img src="images/photo4.png"/></a></div>
<div id="photo"><a href="#"><img src="images/photo5.png"/></a></div>
</li>
<li id="album">
<div id="album_title">Spring 2012</div>
<div id="photo"><a id="cover_title" href="#"><img src="images/photo1.png"/></a></div>
<div id="photo"><a href="#"><img src="images/photo2.png"/></a></div>
<div id="photo"><a href="#"><img src="images/photo3.png"/></a></div>
<div id="photo"><a href="#"><img src="images/photo4.png"/></a></div>
<div id="photo"><a href="#"><img src="images/photo5.png"/></a></div>
</li>