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

72 votes262 views6 answers
How to change font size in css
CSS
0 vote242 views1 answer
Add elipses to a dom element with css
CSS
0 vote231 views1 answer
Css cap rows paragraph
CSS
12 votes267 views3 answers
Sticky header css
CSS
3 votes242 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS
0 vote239 views1 answer
Css orientations
CSS
0 vote260 views1 answer
How to background in modal css html and closee th modal with background
CSS
0 vote248 views1 answer
Details summary not open css
CSS
0 vote258 views1 answer
Restore mySQL database from .bz2
CSS
0 vote243 views1 answer
Chrome close tab after print
CSS