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

5 votes340 views3 answers
Bootstrap 4 classes list with description pdf
CSS Bootstrap
1 vote283 views2 answers
Change nav background color on scroll css without bootstrap
CSS
0 vote282 views1 answer
Html css hide details arrow
CSS
72 votes278 views6 answers
Absolute position center
CSS
6 votes226 views2 answers
Difference between justify content and justify in grid
CSS
7 votes279 views2 answers
Font for css code google link
CSS
0 vote319 views2 answers
Make all images same size bootstrap
CSS Bootstrap
0 vote267 views2 answers
Optional changing n
CSS
0 vote301 views1 answer
Css filter img color etc
CSS
0 vote344 views1 answer
Css styles responsive password input eye
CSS