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 votes355 views1 answer
Css class selector contains
CSS
0 vote403 views1 answer
Disable button outline in css
CSS
71 votes369 views6 answers
Css center image
CSS
2 votes354 views2 answers
Display flex align last item to left
CSS
50 votes332 views6 answers
Css align center
CSS
5 votes351 views1 answer
Cursor as image css
CSS
0 vote365 views3 answers
Save line breaks in textarea
CSS
16 votes357 views4 answers
Arrow down css
CSS
1 vote347 views1 answer
Remove site title squarespace
CSS
25 votes366 views4 answers
Set visibility css
CSS