jquery - 在父元素中选择 div

Question

由于热闹的短期记忆丧失，我一直遇到这个问题......

我想要做的是slideToggle一个 div 元素，它与按钮位于同一个父元素中。

每个加载的页面上都有多个 html 结构，因此选择正确的对应一个是目标。

<div class="exBtn">
    <a href="#">
    <img src="<?php echo get_template_directory_uri(); ?>/media/showTextButton.png">
    </a>
</div>

<div class="initialPostLoad">
    <?php the_content('Read the rest of this entry &raquo;'); ?>
</div> <!-- end initialPostLoad -->


    $(document).ready(function() {
        $('.exBtn a').click(function (event) {
            event.preventDefault();
            $(this).parent().closest('.initialPostLoad').slideToggle();
        });
    });

Answer 1

$(this).parent().closest('.initialPostLoad').slideToggle();

你不想closest。closest意思是“在这个元素的父元素中搜索”。您想在兄弟姐妹中搜索。事实上，你想要做的是得到下一个兄弟姐妹。这很简单：只需使用next：

$(this).parent().next().slideToggle();

Answer 2

采用.next()

$(this).parent().next('.initialPostLoad').slideToggle();

就像.initialPostLoad你的旁边一样exBtn