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

7 votes109 views3 answers
Css stop text wrapping
CSS
2 votes117 views2 answers
Bootstrap icons in angular
CSS
1 vote117 views1 answer
What port does wss use
CSS
0 vote123 views1 answer
Flex: 0 1 auto
CSS
7 votes114 views3 answers
Bootstrap remove outline
CSS
1 vote154 views1 answer
Uibutton image
CSS
0 vote131 views1 answer
Css animation sin
CSS
0 vote115 views1 answer
Unclickable button
CSS
0 vote110 views1 answer
No zoom viewport
CSS
0 vote122 views1 answer
Ecto generator create new mvc
CSS