JQuery: Thay đổi chiều cao dựa trên yếu tố khác

Question

Tôi có hai DIV: Một DIV thay đổi kích thước động dựa trên trình duyệt (thiết kế đáp ứng) và tôi muốn DIV khác sửa đổi chiều cao dựa trên chiều cao đầu tiên của DIV. Tôi nghĩ cách dễ nhất để làm điều này là sử dụng JQuery để tự động thay đổi chiều cao.

tôi thử như sau:

$('section#div2').css({height:$(this).css('height').replace($('section#div1 div.div1_container').height()+'px')}); 

Tuy nhiên, mã mà không hoạt động. Cũng không phải là các phiên bản khác nhau mà làm việc.

Câu hỏi của tôi là: Làm cách nào để thay thế một thuộc tính CSS đơn lẻ mà không thay đổi tất cả các thuộc tính cho một phần tử đã cho?

EDIT: Đây là cách DIV đầu tiên động được mã hóa ...

Đầu tiên DIV đầu tiên của container:

position: relative; 
padding-bottom: 50%; 
padding-top: 30px; height: 0; overflow: hidden; 
margin:0 0.7em 0 0.7em; 

Sau đó, các đối tượng bên trong container đó (có thể không có liên quan):

position:absolute; 
top:0; 
left:0; 
width:100%; 
height:100%; 

Answer 1

$('section#div2').css('height', $('section#div1').height()+'px'); 

Answer 2

Sử dụng này:

01.

$('section#div2').height($('section#div1').height());