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

Question

我想要点击button我的div与类text-internal（具体一个 - 我我有多于一个div类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'); 
});