JQuery - следующий элемент и элементы с тем же классом - PullRequest
Новая
       19

JQuery - следующий элемент и элементы с тем же классом

0 голосов
/ 20 ноября 2011

Чего я хочу добиться, так это то, что когда вы нажимаете на диапазон, он находит следующий 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();
});

Любая помощь будет принята с благодарностью!

1 Ответ

2 голосов
/ 20 ноября 2011 
jQuery('.featureTitle').click(function(){
    var ulClass= jQuery(this).next('ul').attr('class');
    jQuery("." + ulClass).slideToggle();
});

Это должно сработать. Вы можете просто создать селектор на основе этого класса, добавив "." перед именем класса

...