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 vote137 views1 answer
Html input type colour internal border
CSS
0 vote133 views1 answer
Css pseudo-class no children
CSS
164 votes190 views6 answers
Box-shadow css
CSS
19 votes139 views4 answers
Add blur background css
CSS
1 vote142 views1 answer
Scroll start from bottom css
CSS
4 votes141 views2 answers
Cursive css
CSS
8 votes206 views3 answers
Bootstrap file upload
CSS Bootstrap
0 vote165 views1 answer
If you're trying to use a package make sure that '../../static/fonts/lato/Lato-Regular.woff' is installed. If you're trying to use a local file make sure that the path is correct.
CSS
0 vote145 views1 answer
Mixin parameters
CSS
72 votes126 views6 answers
Css font size
CSS