/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

0 vote326 views1 answer
Jquery detach and remove
Javascript jQuery
1 vote352 views1 answer
Custom jquery validation messages
Javascript jQuery
8 votes308 views3 answers
Add element using jquery
Javascript jQuery
3 votes312 views1 answer
Jquery clear click event
Javascript jQuery
131 votes451 views6 answers
Jquery doc ready
Javascript jQuery
3 votes374 views2 answers
Jquery wait for element to load
Javascript jQuery
0 vote381 views1 answer
Select radio button through JQuery
Javascript jQuery
12 votes326 views4 answers
Jquery move element
Javascript jQuery
0 vote326 views1 answer
Foreach in the elements with a data attibute jquery
Javascript jQuery
0 vote323 views1 answer
Write to console using jQuery
Javascript jQuery