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

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

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

Answer 3

尝试.prev()喜欢

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

请参阅此link

Answer 4

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

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

这应该有效

我如何引用父元素？

4 个答案: