jquery - jquery next()要素

Question

アーカイブを調べましたが、機能する解決策が見つかりません。メニューがあります。

<ol>
    <li>
        <span><a class="doToggle"></a></span>
        <span class="toggleMe">stuff to hide and show</span>
    </li>
</ol>

最初のスパンのアンカーがクリックされたときに 2 番目のスパンを切り替えようとしています。

$(this).parent().next().toggle();

これはうまくいくと思いますが、応答がありません。私が間違っている場所のヒントはありますか？

Answer 1

:D

http://jsfiddle.net/27xCe/

HTML:

<ol>
    <li>
        <span><a class="doToggle" href='#'>Click Me to Toggle</a></span>
        <span class="toggleMe">stuff to hide and show</span>
    </li>
</ol>​

jQuery:

$(function() {
    $('.doToggle').click(function(e) {
        $('.toggleMe').toggle();
        e.stopPropagation();
    });
});

またはでnext()：

$(function() {
    $('.doToggle').click(function(e) {
        $(this).parent().next().toggle();
        e.stopPropagation();
    });
});

http://jsfiddle.net/27xCe/1/

いくつかのチュートリアルを行う必要があります。http://docs.jquery.com/Tutorials

</p>

Answer 2

年セレクターで間違ったクラスを取得しました。doToggle ではなく、toggleMe にする必要があります

http://jsfiddle.net/pK2FV/

または、クラスセレクターを削除して次へ