요소에 클래스 요소를 추가 할 때의 문제

Question

요소에서 클래스 특성을 제거하고 다른 요소에 클래스를 추가하려고합니다. 클래스를 성공적으로 제거했지만 클래스를 다른 요소에 추가하는 데 문제가 있습니다.

내가 링크를 클릭하면 '전체보기',

<a class="code_link" id="viewAllMyForms" href="#" >View All</a> 

이 기능은 전화 했어요 인은 리튬 요소 "집"에서 "선택"클래스를 제거하고의 리튬 요소에 추가 할 myForms.

클래스 "selected"는 "home"li 요소에서 제거되지만 "myForms"li 요소에는 추가되지 않습니다.

이

$('#viewAllMyForms').click(function(){ 
    $("#tabber_module .selected").removeClass("selected"); 
    $("#myForms").addClass("selected"); 
}); 

이 주 : DOM 요소의 ID 속성은 고유 식별자를 있어야하는데, 당신은 복제 한

Answer 1

당신은 당신 만 #id 선택기를 사용할 필요가, 당신의 LI 요소에 아이디의이 LI 및 A 요소의 ID는 문서에서 한 번만 ID를 사용해야합니다.

나는이 같은 마크 업을 다시 것 : 나는 앵커 요소에서 중복 된 ID 속성을 제거하지만,

<div class="tabber_module" id="tabber_module"> 
    <ul class="horizontal_navigation child2"> 
     <li class="first some_li selected" id="home"> 
      <a href="#">Home</a> 
     </li> 
     <li class="some_li" id="notifications"> 
      <a href="#">Notifications</a> 
     </li>   
     <li class="some_li" id="myForms"> 
      <a href="#">My Forms</a> 
     </li>    
     <li class="some_li" id="reviewForms"> 
      <a href="#">Forms For My Review</a> 
     </li> 
     <li class="some_li" id="otherForms"> 
      <a href="#">Other Forms</a> 
     </li> 
    </ul> 
</div> 

주 당신은 예를 들어, 특정 ID를하지 않고 당신이 할 수있는 앵커를 선택하려면 : 여러 요소에 동일한 ID를 갖는

$('#notifications a') // selects the element <a href="#">Notifications</a>