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 vote128 views1 answer
Htaccess file extension
CSS
14 votes127 views2 answers
How to render css in flask link
CSS
2 votes152 views2 answers
Css fill parent height
CSS
0 vote135 views1 answer
Hide the default tooltip behaviour from safari
CSS
51 votes133 views5 answers
Css reset
CSS
20 votes99 views4 answers
Css display vertical align
CSS
8 votes156 views3 answers
Css change font awesome icon color
CSS
5 votes128 views6 answers
Pagination
CSS
0 vote128 views3 answers
Div
CSS
3 votes179 views2 answers
How to get rid of underline for links in css
CSS