javascript - 帮助使用Wordpress循环中的一些jQuery

我正在制作一个自定义的存档页面，该页面将显示帖子列表及其摘录，以及一个按钮，单击该按钮可以切换其余的帖子内容。我用它处理这段代码，除了它会切换每个帖子内容大声笑，因为在循环中它们都可以得到该类，您知道我的意思吗？

您能帮我找到一种方法吗？必须有一种使它在循环中工作的方法，对吗？这是我到目前为止的（失败）代码，
谢谢！
`
    

<div id="more_content">
    <a href="#" class="see_all">More</a>
    <div class="content_hidden" style="display:none;">
        <div class="copy">
        <?php the_content(); ?>
        </div>

        <p class="tags"><?php the_tags(); ?></p>
        <?php comments_template(); ?>
    </div>
</div>

<script type="text/javascript" charset="utf-8">

$('.see_all').click(function() {

if ( $(this).html() == 'More'){
    $('.content_hidden').toggle('slow');

    $(this).html('Less');



}
else if ( $(this).html() == 'Less'){

    $('.content_hidden').slideUp('slow');
    $(this).html('More');

}

return false;

});

`

最佳答案

这应该工作：

$('.see_all').click(function() {
    if ( $(this).html() == 'More'){
        $(this).parent().find('.content_hidden').toggle('slow');
        $(this).html('Less');
    } else if ( $(this).html() == 'Less'){
        $(this).parent().find('.content_hidden').slideUp('slow');
        $(this).html('More');
    }
    return false;
});

为您报价：


  它会切换每个帖子内容
  因为在循环中他们都得到了
  上课你知道我的意思


您需要做的是在单击链接的每个容器内或相对于该容器的.content-hidden，而不是同时寻址所有容器。此外，您有可能在文档中重复ID（这很糟糕，被禁止，禁忌，不执行，无效，违反规范，不起作用等）。因此，您的<div id="more_content">也许应该改为<div class="more_content">

关于javascript - 帮助使用Wordpress循环中的一些jQuery，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3482053/