將元素添加到元素中的問題

Question

我試圖從元素中移除類屬性並將該類添加到另一個元素。 我成功地刪除了該類，但遇到了將該類附加到另一個元素的問題。

當我點擊鏈接「查看全部」，

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

此功能called.I要刪除從li元素的「家」，「選擇」之類，並把它添加到的li元素myForms。

$('#viewAllMyForms').click(function(){ 

    $('#tabber_module').find(".selected").removeClass(); 
    $('#tabber_module #myForms li').addClass("selected"); 

}); 

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

「selected」類從「home」li元素中刪除，但未添加到「myForms」li元素中。

Answer 1

你的id在你的李元素，你只需要使用#id選擇：

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

注：的DOM元素的id屬性應該是一個唯一的標識符，您有重複LI和A元素的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>