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 行目でもまだ完了していません。これを行うためのより良い方法が必要です。提案をありがとう。

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);
    });
});