Jquery set div height dynamically

How to set height dynamically in jquery

// Calculate height according to the div width
$(function() {
  var myDivWidth = $(".main-div").css("width") + "px";
  // the variable will now have our div width
  $(".main-div").css("height", myDivWidth)
  // Another Way
  $(".main-div").css({
    "height": myDivWidth
  })
})

Jquery set div height dynamically

$(document).ready(function() {
    var divHeight = $('.col-1').height(); 
    $('.col-2').css('min-height', divHeight+'px');
});

Source: stackoverflow.com

Jquery get div height dynamically

$('elem').height();

Source: stackoverflow.com

Similar codes

8 votes353 views3 answers
Bootstrap file upload
CSS
0 vote382 views2 answers
Failed to start ssh.service: Unit ssh.service not found.
CSS
164 votes449 views6 answers
Box-shadow css
CSS
7 votes347 views2 answers
How to make image same size as text css
CSS
0 vote369 views1 answer
Override root css variables
CSS
5 votes391 views2 answers
Css for disabled button
CSS
14 votes377 views4 answers
Text align left bootstrap
CSS
0 vote380 views1 answer
Css animate background color change
CSS
1 vote354 views1 answer
Steps() property css
CSS
0 vote308 views1 answer
Speeh recognition github
CSS