jQuery, 클릭시 특정 요소에 CSS 규칙 추가

Question

buttontext-internal (특정 항목 - 나는 하나 이상의 div가 text-internal 인 div : text-internal) 내 div를 클릭하고 싶습니다. max-height을 얻습니다. 내가 말한대로 특정 div 만 max-height을 가져와야 함 - 클릭 한 컨테이너에있는이 하나, 클릭하지 않은 다른 사람 max-height 정확하고 명확하게 설명 할 수 있을지 모르겠다.

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

Answer 1

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

JQUERY는 특정 인스턴스를 분리하는 탐색 방법의 번호를 사용합니다.

prev()

은 시나리오에 맞는 간단 하나입니다

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

또는 관계는 그렇게 간단하지 않은 경우 해당 부모

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