javascript - jQuery 发现不工作

Question

这是我的 HTML:

        <p class="first">blah blah <a href="" class="more">read more</a></p>
        <div class="read_more">
            <p>more text</p>
        </div>

和javascript:

$(document).ready(function(){
  $('a.more').click(function(){
    $(this).find('.read_more').slideDown();
    return false;
  });
});

似乎没有做任何事情(read_more 设置为显示:无)有什么想法吗？

Answer 1

试试这个:

<罢工> $(文档).ready(函数(){ $('a.more').click(函数(){ $(this).parent().next().find('.read_more').slideDown(); 返回假； }); });

更新:

Here is the demo :)

代码:

$(document).ready(function(){
  $('a.more').click(function(){
    $(this).parents().find('.read_more').slideDown('slow');
    return false;
  });
});

你也可以这样做:

$(document).ready(function(){
  $('a.more').click(function(){
    $('.read_more').slideDown('slow');
    return false;
  });
});

或者这个:

$(document).ready(function(){
  $('a.more').click(function(){
    $(this).parent().next().slideDown('slow');
    return false;
  });
});