使用JavaScript向一组链接中的第一个链接添加属性

我需要在我正在处理的项目中的链接列表的第一个链接中添加一个属性，并考虑使用JavaScript实现这一点。下面是代码，它们是动态生成的，但我想找到一种方法，在每个列表的第一个标记中按顺序插入id=“cover\u 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>

2012年夏季


2012年春季

---

首先需要注意：

id

来自标识符，在整个文档中必须是唯一的。您的代码应该改用

class=”“

属性。参见，例如：

该ID在文档中必须是唯一的

---

也就是说，下面的代码设置了相应的

类
Vega说得对：不要使用双重ID，使用类。jQuery中的Simple

$('.album_title').each(function(){
  $(this).find('a:first').addClass('cover_title');
});

ID在文档（页面）中应是唯一的，并且不应重复。请使用
photo1
、
photo2
、..等，而不是使用相同的
photo
，并相应地更新您的问题…ID是唯一的，除非您希望在每个列表的第一个标记中添加ID=“cover\u title”。
$('.album_title').each(function(){
  $(this).find('a:first').addClass('cover_title');
});