jquery - 如何引用父元素？

Question

我有更多的块：

<div class="static">
<div class="more-less">
    <div class="more-block">
        <p><?php echo StaticpageModule::getData(4)->body; ?></p>
    </div>
    <div class="button">        
        <a class="adjust" href="<?php echo StaticpageModule::getUrl(4); ?>">more</a>
        <div class="triangle"></div>
    </div>
</div>                    

如何在调整点击时引用更多块类？

我正在努力：

    $(".adjust").toggle(function() {
$(this).parents(".more-block").css("height", "auto").css("overflow", "visible");
}

谢谢回复！

Answer 1

.more-block不是 的父级.adjust。它是.button,.adjust的父母的兄弟姐妹。您需要将查询更改为：

$(this).parent().prev().css("height", "auto").css("overflow", "visible");
       ^-------^ div.button
                ^-----^ div.more-block

Answer 2

试试.prev()喜欢

$(".adjust").toggle(function() {
    $(this).prev('.more-block').css("height", "auto").css("overflow", "visible");
}

看到这个链接

Answer 3

.more-block 不是父元素，而是父元素的兄弟。

$(".adjust").parent().siblings(".more-block")

这应该工作

Answer 4

$(".adjust").toggle(function() {
    $(this).closest(".more-block").css("height", "auto").css("overflow", "visible");
}

尝试使用closest http://api.jquery.com/closest/