添加一个数字到.height（）

Question

我有这个简单的Jquery，目的是将.button的高度设置为其兄弟的高度。

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

.sibling的实际高度为48px（24px + 24px填充，顶部和底部）。

然而，返回的.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);

Answer 2

要获得包含填充边框等的高度，您可以使用.outerHeight()

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

Answer 3

你没有做以下事情。

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

但您要将integer与string

连接起来

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

这是进行添加的正确方法。希望它有所帮助。