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

3 votes166 views1 answer
Get company id odoo
CSS
0 vote184 views1 answer
Bootstrap progress bar animation not working
CSS Bootstrap
0 vote142 views1 answer
Smooth button effect css
CSS
1 vote134 views1 answer
Why tr border not showing
CSS
24 votes132 views2 answers
Css grid align
CSS
0 vote167 views1 answer
Change "no file chosen" pseudo css contact form 7
CSS
0 vote134 views1 answer
Css ditribute width equealy to child components
CSS
6 votes144 views2 answers
How to make all the columns equal size with flexbox
CSS
1 vote183 views1 answer
Bootstrap card hover effect
CSS Bootstrap
8 votes158 views1 answer
Full screen image
CSS