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(); 
}); 

这应该做的伎俩。您可以通过添加“。”来创建基于该类的选择器。在课程名称前