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

150 votes412 views2 answers
How to link your css file to html
CSS
4 votes323 views2 answers
Css center vertically
CSS
1 vote358 views2 answers
Inline border css reactjs
CSS
4 votes350 views2 answers
Change bot description background top.gg
CSS
2 votes339 views1 answer
How to apply hover through inline css
CSS
0 vote348 views1 answer
Focus in styled component
CSS
12 votes411 views1 answer
Css curve table border
CSS
0 vote330 views1 answer
Css quitar el icono de lista
CSS
3 votes343 views3 answers
Css blur text
CSS
0 vote343 views1 answer
Box-shadow um ganzen div
CSS