/Javascript/jQuery/How to set height dynamically in jquery

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

12 votes120 views2 answers
Call a function on load jquery
Javascript jQuery
2 votes127 views3 answers
Jquery get 2nd child
Javascript jQuery
0 vote173 views4 answers
Jquery confirm dialog
Javascript jQuery
19 votes150 views2 answers
Setting “checked” for a checkbox with jQuery
Javascript jQuery
0 vote150 views1 answer
Jquery uncheck all other checkboxes when one is checked
Javascript jQuery
2 votes132 views1 answer
How to run function after animation complete jquery
Javascript jQuery
1 vote127 views1 answer
Jquery event source
Javascript jQuery
1 vote128 views1 answer
JQuery select elements by name
Javascript jQuery
1 vote101 views1 answer
Jquery string to array
Javascript jQuery
9 votes132 views3 answers
How to check if jquery is loaded
Javascript jQuery