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

2 votes296 views1 answer
Add padding to scrollbar
CSS
0 vote381 views2 answers
Google font smooth
CSS
13 votes307 views3 answers
How to make fixed background image in css
CSS
0 vote301 views1 answer
How to add color in css
CSS
1 vote296 views1 answer
Css cell spacing
CSS
6 votes302 views2 answers
Css how to prevent horizontal scrolling
CSS
-2 votes310 views1 answer
Div color overlay css
CSS
1 vote310 views1 answer
How to disable margin collapsing
CSS
0 vote328 views1 answer
Ordered list indent
CSS
2 votes299 views1 answer
Css make div on top of everything
CSS