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 vote161 views1 answer
Ms-clear event
CSS
0 vote150 views1 answer
Content visability auto
CSS
0 vote200 views1 answer
Difference between private key and private key ssh
CSS
1 vote152 views1 answer
Primary hex code
CSS
0 vote143 views1 answer
Css for floting input label
CSS
5 votes151 views4 answers
Css flex gap between items
CSS
0 vote156 views1 answer
How to add hover effect in emotion
CSS
2 votes166 views2 answers
Mysqldump: Error: 'Access denied; you need (at least one of) the PROCESS privilege(s) for this operation' when trying to dump tablespaces
CSS
8 votes156 views2 answers
CSS make image fill whole background
CSS
1 vote158 views1 answer
How to make border hover effect in css
CSS