JQuery - 下一個元素和具有相同類的元素

Question

我想實現的是，當您單擊某個跨度時，它會找到下一個ul，然後將hide/show/slideToggle應用於其他ul's就像那個一樣。

我的HTML看起來像這樣：

<div class="wrapper">  
     <span class="featureTitle">Trigger</span> 
     <ul class="features1"> 
      <li></li> 
     </ul> 

    </div> 

    <div class="wrapper">  
     <span class="featureTitle">Trigger</span> 
     <ul class="features2"> 
      <li></li> 
     </ul> 

     </div> 
    <div class="wrapper"> 
     <span class="featureTitle">Trigger</span> 
     <ul class="features1"> 
      <li></li> 
     </ul>  
    </div> 

等等...

我知道的jQuery代碼不工作這些線，但它可能給你一個什麼樣的想法，我關於:)

jQuery('.featureTitle').click(function(){ 
    var ulClass= jQuery(this).next('ul').attr('class'); 
    jQuery(document).find(ulClass).slideToggle(); 
}); 

任何幫助將不勝感激！

Answer 1

jQuery('.featureTitle').click(function(){ 
    var ulClass= jQuery(this).next('ul').attr('class'); 
    jQuery("." + ulClass).slideToggle(); 
}); 

這應該做的伎倆。您可以通過添加「。」來創建基於該類的選擇器。在課程名稱前