/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

5 votes81 views1 answer
Multiple class selector jquery
Javascript jQuery
1 vote141 views4 answers
Jquery scroll when object appear on screen make animation
Javascript jQuery
2 votes135 views3 answers
Jquery scroll to top of div animate
Javascript jQuery
1 vote101 views1 answer
How to get the value in an input text box and set value another input box using jquery
Javascript jQuery
0 vote141 views1 answer
Jquery trigger click other element
Javascript jQuery
6 votes144 views3 answers
Jquery accept only excel file
Javascript jQuery
0 vote119 views2 answers
Upload preview image jquery
Javascript jQuery
33 votes125 views6 answers
Jquery get radio button checked
Javascript jQuery
0 vote128 views1 answer
If window width jquery then display a div at scroll
Javascript jQuery
0 vote135 views1 answer
Jquery hide select option
Javascript jQuery