如何根据div的外部数字更改div的尺寸？ jQuery的/ CSS

Question

I want to change the dimensions of a div depending of wich number contain another div . For example if i have the number 0 the div has to be width: 20px; height 0px; width: 20px; height 0px; , if i have the number 50 the div has to be width: 20px; height 50px; width: 20px; height 50px; , if i have the number 100 the div has to be width: 20px; height 100px; width: 20px; height 100px; .

How can I do it in css or jquery?

I hope you understand. Thank you.

Answer 1

Use css() function :

 $('#div-2').css("height", $('#div-1').text()+'px'); 

 #div-2{ background-color: green; width: 20px; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id='div-1'>50</div> <div id='div-2'></div> 

Hope this helps.

Answer 2

Create a function to which on passing the width it will change your width to what you passed.

function ChangeHeight(val){
   $('#div').css('height', val+'px');
}
ChangeHeight(100);

or simply do this if its just gonna be once per page lifetime.

$('#div').css('height', val+'px');

This should do for you.