Question

如果有人用“foo”类点击div中的链接，我希望显示此div中的列表项。我怎样才能做到这一点？

这是我失败的尝试：

   $('div > li').hide();
   $('div.foo > a').click(function(event) {
       $('div.foo > li').show();
       event.preventDefault();
   });


<ul>
    <div class="foo">
        <a href="#">Animals +</a>
        <li>Cat</li>
        <li>Dog</li>
        <li>Rabbit</li>
    </div>
</ul>

Answer 1

你的html有问题。

应该是这样的，

<div class="foo">      
    <a href="#">Animals +</a>
    <ul>
       <li>Cat</li>
       <li>Dog</li>
       <li>Rabbit</li>
    </ul>
</div>

然后在jQuery中，像这样，

$('div.foo > ul').hide();
$('div.foo > a').click(function(event) {
   $(this).next('ul').show();
   event.preventDefault();
});

这是一个fiddle，尽量不要忘记把它放在ready处理程序

中

_{欢迎来到stackoverflow.com}
_{不要忘记接受答案}

如何在jQuery中检测div中的链接？

1 个答案: