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 vote133 views1 answer
Scss global class
CSS
1 vote149 views1 answer
Create a animation name in css
CSS
-1 vote89 views1 answer
Html sticky
CSS
0 vote129 views1 answer
Tailwindcss init full
CSS
11 votes145 views2 answers
Scss include
CSS
1 vote130 views1 answer
Hide cursor css
CSS
1 vote139 views1 answer
Css var negative
CSS
-1 vote134 views1 answer
How to remove default styling of a tag
CSS
0 vote129 views1 answer
How to background in modal css html and closee th modal with background
CSS
0 vote228 views1 answer
Insert a new key value in an object of an array
CSS