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 votes140 views1 answer
Not hover css
CSS
13 votes170 views1 answer
W3schools keyframes
CSS
0 vote142 views1 answer
Jquery change css variiable value
CSS
0 vote155 views1 answer
Center elemnts css
CSS
15 votes150 views3 answers
Css size
CSS
0 vote154 views1 answer
ProgressBars bulma -- thickness
CSS
8 votes149 views3 answers
Background degrade
CSS
0 vote94 views2 answers
Image horizontal scrolling in html
CSS
13 votes181 views7 answers
Animate.css
CSS
-1 vote149 views1 answer
Arranging the paragraph in css
CSS