如何使jQuery单击事件仅影响嵌套在同一父元素中的元素

Question

我是一个jQuery新手截至今天上午,这是代码,我拿出来表明伴随调用它,用类"富"一个div内锚一个div.它不起作用:P

$('div.foo').children('a').click(function(event){
    event.preventDefault();
    if ($(this).closest('div').('div').is(':hidden')) {
        $(this).closest('div').('div').show("slow");
    } else {
        $(this).closest('div').('div').hide("slow");
    }
});

HTML:

<div class="foo">
    <a href="#" title="">Click me!</a>
    <div>And this will appear!</div>
</div>

我希望能够有多个相同的foo div(当然除了嵌套div的实际内容之外),我需要做的就是将包含div分配给'foo'类,以便使包含的锚显示出来单击时包含div.

这种事情甚至可能吗？在此先感谢您的回复.

Answer 1

试试这个

$('div.foo a').click(function(event){
  event.preventDefault();
  $(this).next().toggle('slow');
});