Jquery get 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 vote170 views1 answer
New statamic project
CSS
0 vote152 views1 answer
Bootstrap 5 css how to change
CSS
6 votes159 views3 answers
Linear-gradient(top to bottom)
CSS
0 vote179 views1 answer
Style textarea in css
CSS
3 votes150 views1 answer
Css display block ease in
CSS
2 votes157 views2 answers
How to disable pinch zoom on website for mobile devices
CSS
0 vote153 views1 answer
How to use class form scss reactjs
CSS
0 vote258 views1 answer
ProgressBars bulma -- thickness
CSS Bulma
1 vote167 views1 answer
How to make border hover effect in css
CSS
6 votes152 views2 answers
You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?
CSS