jquery - jquery next() 元素

Question

我一直在浏览档案，但找不到有效的解决方案，我有一个菜单；

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

当单击第一个跨度中的锚点时，我尝试切换第二个跨度，我已经尝试过；

$(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

您在 yr 选择器中的错误类应该是toggleMe而不是doToggle

http://jsfiddle.net/pK2FV/

或者只是删除类选择器并执行下一步