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

0 vote148 views1 answer
How to change the size of a style="text-align: center;"
CSS
0 vote145 views2 answers
Background having opacity and text above to not have opacity
CSS
38 votes164 views6 answers
Rotate image css
CSS
1 vote162 views2 answers
Apple font css
CSS
0 vote158 views2 answers
Drop function postgresql
CSS
7 votes169 views2 answers
Transition css hover
CSS
62 votes146 views3 answers
Font awesome 4
CSS
1 vote177 views1 answer
Content-visibility
CSS
22 votes174 views6 answers
Create circle in css
CSS
0 vote192 views2 answers
Css grid cheat sheet
CSS