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

10 votes386 views5 answers
Css hr thickness
CSS
0 vote357 views1 answer
Html min width
CSS
0 vote375 views1 answer
Text in circle css
CSS
0 vote361 views1 answer
NeuMorphisme button code
CSS
0 vote355 views2 answers
Is it possible to add xsl and css in same xml file
CSS
53 votes323 views4 answers
On hover css
CSS
0 vote351 views5 answers
Css gradient generator
CSS
0 vote330 views1 answer
Css on field blank red border
CSS
2 votes327 views1 answer
Css disable dropdown on input
CSS
6 votes330 views2 answers
How to make all the columns equal size with flexbox
CSS