javascript - 向 .height() 添加一个数字

Question

我有这个简单的 Jquery，目的是将 .button 的高度设置为其同级按钮的高度。

$('.button').height($('.sibling').height()); 

.sibling 的实际高度是 48px(24px + 24px padding，顶部和底部)。

但是 .sibling 的返回高度不包括填充，将 .button 设置为 24px，而不是 48px。

我试过了

$('.button').height($('.sibling').height() + "24" );

但是返回 2412px

执行此操作的正确方法是什么？我看到要么更改原始文件以某种方式告诉它获取高度和填充，否则在这种情况下如何在 Jquery 中进行适当的数学运算？

Answer 1

问题是您将数学运算与串联混合在一起。

尝试像这样分开它们:

var newHeight = $('.sibling').height() + 12;
$('.button').css('height', newHeight + 'px');

或者:

var newHeight = $('.sibling').height() + 12;
$('.button').height(newHeight);