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 votes212 views1 answer
Website css not loading
CSS
0 vote205 views1 answer
Width not responding to css in table
CSS
0 vote215 views1 answer
How to hide some grid items from grid in css
CSS
0 vote207 views1 answer
Hide yunohost button on apps
CSS
0 vote231 views1 answer
Calendar api
CSS
0 vote209 views1 answer
Bootstrap 5 sidebar class
CSS
-1 vote214 views1 answer
Most essential css elements
CSS
11 votes250 views4 answers
Git hard reset to commit
CSS
10 votes200 views3 answers
Reset
CSS
62 votes228 views3 answers
Border radius shorthand
CSS