Javascript jQuery，单击将css规则添加到特定元素

我想在点击

按钮后获得
最大高度
。正如我所说的，只有特定的div应该获得
max height
——只有这个div，它在容器中，被单击过，其他div，没有被单击过，不能获得
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('.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.prev
？那是新的还是你指的是jQuery（this.prev）
？
jQuery('.read-more-hide').click(function() {
    jQuery(this).closest('.single-offer-text').find('.text-internal').css('maxHeight', '150px');
});