Jquery get 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

1 vote150 views1 answer
Tzutc
CSS
0 vote190 views1 answer
Make text available only to screen reader
CSS
28 votes146 views6 answers
Margin
CSS
2 votes202 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS Bootstrap
2 votes129 views2 answers
Css properties
CSS
0 vote139 views1 answer
Inline list css without floats
CSS
-1 vote146 views1 answer
Text barré css
CSS
4 votes138 views1 answer
Scss sass on hover pseudo-class
CSS
0 vote145 views1 answer
Navbar bootstrap display items horizontally
CSS
0 vote145 views1 answer
Odoo search
CSS