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

0 vote153 views1 answer
Alternate css animation
CSS
38 votes151 views6 answers
Rotate image css
CSS
1 vote142 views2 answers
Inline border css reactjs
CSS
0 vote149 views1 answer
Apt list only security updates
CSS
2 votes167 views1 answer
Set table cellpadding and cellspacing in CSS
CSS
4 votes190 views2 answers
Javafx change button background color
CSS
6 votes144 views2 answers
Remove outline of input css
CSS
0 vote196 views1 answer
Inline block and 50% width not aligning items
CSS
0 vote158 views1 answer
100 bytes of css
CSS
0 vote157 views1 answer
Css horizontal scroll cards
CSS