Question

我想要实现的是当你点击一个跨度时，它会找到下一个ul，然后将hide / show / slideToggle应用到与该类相同的类的其他ul。

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

这应该可以解决问题。您可以通过添加“。”来创建基于该类的选择器。在班级名称之前

JQuery - 下一个元素和具有相同类的元素

1 个答案: