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 vote152 views1 answer
How to make the select box font size small in css
CSS
1 vote186 views2 answers
Increase tooltip width in angular material
CSS
1 vote170 views1 answer
Active pseudo class in css not working in form text area
CSS
0 vote114 views1 answer
Speeh recognition github
CSS
0 vote156 views1 answer
Awesome font google icon colored css
CSS
0 vote156 views1 answer
Negative border radius
CSS
0 vote198 views1 answer
Linux remove latst 3 files
CSS
0 vote176 views1 answer
Double border color css
CSS
2 votes158 views1 answer
Border bottom remove
CSS
1 vote155 views1 answer
Css how to dynamically put div in front of another
CSS