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 votes167 views1 answer
Css make div on top of everything
CSS
1 vote185 views1 answer
How to make slideshow not go over navigation bar
CSS
0 vote217 views4 answers
Scale down image css
CSS
2 votes168 views1 answer
Website css not loading
CSS
1 vote194 views1 answer
Css remove whitespace around element
CSS
2 votes196 views2 answers
Adding background image to a div css
CSS
1 vote194 views1 answer
Css font size important
CSS
0 vote191 views1 answer
Easiest way to invert css to dark mode
CSS
0 vote177 views1 answer
How to make focus outline round in html
CSS
42 votes175 views5 answers
Css cut off text
CSS