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 vote213 views1 answer
Flex-decoration column
CSS
4 votes269 views1 answer
Add shadows on an image css
CSS
36 votes280 views2 answers
Css translate x and y
CSS
68 votes331 views1 answer
Css flexbox syntax
CSS
59 votes275 views6 answers
Remove underline from link css
CSS
0 vote289 views1 answer
Overwrite safari dropdown css
CSS
7 votes270 views2 answers
Change button shape css
CSS
94 votes270 views2 answers
How bold text in css
CSS
2 votes266 views1 answer
Ion input change font size
CSS
0 vote294 views1 answer
Crystal background css
CSS