/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

9 votes291 views5 answers
Check hidden element in jquery
Javascript jQuery
-1 vote357 views1 answer
Get selected values in multiselect jquery
Javascript jQuery
0 vote353 views1 answer
Group by hash in jquery
Javascript jQuery
1 vote349 views2 answers
Jquery show hide based on data attribute
Javascript jQuery
0 vote334 views1 answer
Jquery onlcikc css
Javascript jQuery
0 vote362 views1 answer
Window onscroll position fixed position in jquery
Javascript jQuery
12 votes330 views3 answers
Jquery check if screen size
Javascript jQuery
1 vote328 views2 answers
$.post jquery beforesend loader
Javascript jQuery
0 vote344 views1 answer
How to check element has event or not in jquery
Javascript jQuery
0 vote327 views1 answer
Jquery elements to json
Javascript jQuery