Question

我需要点击span的父李，然后显示那个li的孩子ul

 <ul id="menu">
    <div>
     <li class="reveal">
       <a href="##">!!!!!!!!!!!!</a>
       <span class="arrow_open">↓</span><br/> <!-- clicking this one -->
       <ul> <!-- display this one -->
        <li>a</li>
        <li>b</li>
        <li>c</li>
       </ul>
     </li>
   </div>
</ul>

我的代码。

$(function () {
    $(this).parent("li").child("ul").slideToggle();
});

Answer 1

您必须在范围上设置点击处理程序，如此

$(function () {
    $('#menu .reveal span').on('click', function(){
        $(this).parent().find("ul").slideToggle();
    });
});

Answer 2

把它放在准备好的功能中：

$(".reveal span").click(function () {
    $(this).parent("li").children("ul").slideToggle();
});

这是一个小提琴：http://jsfiddle.net/jeffman/BWJzJ/尝试一下。

Answer 3

使用此代码应该更快，但您必须在链接后设置子菜单（如示例所示）：

$(function () {
    $('#menu .reveal .arrow_open').on('click', function(){
        $(this).next().slideToggle();
    });
});

如何为父母的孩子提供服务？

3 个答案: