如何使用jQuery增加行高？

Question

在jsfiddle这里，http://jsfiddle.net/stevea/gQqLs/7/，我想在每次选择一个按钮时增加div的行高，就像你可以增加填充的方式：

        $('#box1') .css('padding-top', "+=5" );  // works
//      $('#box1') .css('line-height', "+=5" );  // does not work

您可以在jsfiddle中看到，我试图强行通过，但即使在第10行，我也没有完成，因为看起来lineHeight仍然必须返回到字符串才能工作。必须有更好的方法来做到这一点。谢谢你的建议。

Answer 1

对我来说，以下是工作(http://jsfiddle.net/stas_sl/LkueJ/3/)：

$(function(){ 
    $('#bump').click(function() {
        newLineHeight = parseInt($('#box1').css('line-height'))+5+'px';
        $('#box1') .css('padding-top', "+=5" );
        $('#box1') .css('line-height', newLineHeight);
    });
});