使用JavaScript從一組鏈接向第一個鏈接添加屬性

Question

我需要在我正在處理的項目的鏈接列表的第一個鏈接中添加一個屬性，並考慮使用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>

Answer 1

首先，注釋： id來自標識符，並且在整個文檔中必須是唯一的。 您的代碼應該使用class=""屬性。 例如，參見MDN ：

ID必須在文檔中是唯一的，....

話雖如此，下面的代碼在<a> -element上設置了適當的class ，假設您將上面的所有id屬性轉換為class 。

var links = document.querySelectorAll( 'div.photo:nth-child(2) a' );
for( var i=0; i<links.length; ++i ) {
  links[i].classList.add( 'cover_title' );
}

編輯

這是一個示例小提琴： 鏈接 。

Answer 2

維加說得對：不要做公共身份證，使用課堂。 簡單的jQuery

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