jquery - 如何使用 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);
    });
});