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

在父元素中选择div

2 个答案: