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

3 votes169 views2 answers
How to align form buttons right
CSS
4 votes169 views2 answers
Cursive css
CSS
1 vote174 views1 answer
Css testo che scorre
CSS
0 vote173 views1 answer
Night / dark mode css
CSS
0 vote164 views3 answers
Css make div one line
CSS
0 vote164 views1 answer
Inline-block column appear higher than others
CSS
2 votes156 views1 answer
Mixin for transition css
CSS
1 vote161 views1 answer
Reset all input styles with 1 property css
CSS
0 vote163 views2 answers
Get all tables laravel
CSS
0 vote178 views1 answer
Colored link button style
CSS