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

Question

我想根據包含另一個div數字更改div的尺寸。 例如，如果我的數字為0，則div必須為width: 20px; height 0px; width: 20px; height 0px; ，如果我的數字為50，則div必須為width: 20px; height 50px; width: 20px; height 50px; ，如果我的數字為100，則div必須為width: 20px; height 100px; width: 20px; height 100px; 。

如何在CSS或jquery中做到這一點？

我希望你明白。 謝謝。

Answer 1

使用css()函數：

 $('#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> 

希望這可以幫助。

Answer 2

創建一個函數，將寬度傳遞到該函數時，寬度將更改為您傳遞的寬度。

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

或僅在每個頁面生命周期內僅執行一次操作即可。

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

這應該為您做。