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 on this, 예를 들면, 다음을 참조

가

ID가 문서에서 고유해야 ....

상기 되 그게

, 아래의 코드는 가정 적절한 class에 <a> 일 - 요소 설정 위의 모든 속성을 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'); 
} 

EDIT 여기

은 예시 바이올린이다 link.

Answer 2

베가가 올바르게 말했습니다. 신분증을 사용하지 말고 클래스를 사용하십시오. 단순 jQuery

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