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 vote271 views1 answer
Tslib.es6
CSS
5 votes205 views4 answers
What is inset in css
CSS
0 vote190 views2 answers
Increase space between dashed border css
CSS
37 votes191 views6 answers
Add gradient to text css
CSS
0 vote204 views2 answers
How to center the table horizontally css
CSS
0 vote195 views1 answer
Drupal 8 Notice: Trying to get property
CSS
2 votes172 views1 answer
Margin for text in html
CSS
0 vote194 views1 answer
How to cover entire div with background image
CSS
0 vote199 views1 answer
P::after p::before css
CSS
0 vote205 views1 answer
Dad
CSS