Question

我希望点击button我的div与班级text-internal（具体一个 - 我有一个以上的班级text-internal）获得max-height。正如我所说的那样，只有特定的div应该获得max-height - 只有这一个，它在容器中，被点击，其他的，没有点击没有获得max-height 我不知道我是否正确而清楚地解释了它。

 <div class="single-offer-text">
        <div class="text-internal">
            <?php echo $params->get('mytextarea'); ?>
        </div>
        <button class="read-more">Read more</button>
    </div>

JQUERY

jQuery('.read-more-hide').click(function() {
    jQuery('.text-internal').css('maxHeight', '150px');
});

Answer 1

使用任意数量的遍历方法来隔离特定实例。

prev()是一个适合您情景的简单

jQuery('.read-more-hide').click(function() {
    jQuery(this).prev('.text-internal').css('maxHeight', '150px');
});

或者，如果关系不是那么简单，您可以使用closest()然后在该父级中find()遍历公共父级

jQuery('.read-more-hide').click(function() {
    jQuery(this).closest('.single-offer-text').find('.text-internal').css('maxHeight', '150px');
});

jQuery，在点击时将css规则添加到特定元素

1 个答案: