Question

我想根据包含另一个div的数字更改div的尺寸。例如，如果我有数字0，则div必须是width: 20px; height 0px;，如果我有数字50，则div必须是width: 20px; height 50px;，如果我有数字100 div必须是width: 20px; height 100px;。

如何在css或jquery中完成？

我希望你理解。谢谢。

Answer 1

使用css()功能：

＆＃13;

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

希望这有帮助。

Answer 2

创建一个函数，在传递宽度时，它会将宽度更改为您传递的宽度。

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

或者只是这样做，如果它只是每页一次。

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

这应该适合你。

如何根据数字extern更改div的维度？ jQuery的/ CSS

2 个答案: