将元素添加到元素中的问题

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>