如何使用jquery增加字體大小？

Question

我在嘗試：

    $('a[data-text="size-bigger"]').click(function ()
      {
        a=$('span');
        b=$('span').css('font-size');
        a.css('font-size', b+1);
      }
    );

我直接設置大小就可以了。 現在，我正在嘗試根據先前的大小（即“可縮放”）使其相對-單擊鏈接，跨度會增大，但沒有任何效果，這可能是什么問題？

Answer 1

嘗試這個：

$('a[data-text="size-bigger"]').click(function(){
        a=$('span');
        b=parseInt($('span').css('font-size'));
        b=b + 1 + "px";
        a.css({'font-size':b});
});

$('span').css('font-size')將為您提供一個字符串（例如12px ）。 如果要增加數字，則需要使用parseInt()從該字符串中提取數字。 parseInt('12px')將給您12 ，您可以增加（ 13 ），並且在添加px后，可以將font-size設置為新增加的數字。

演示

Answer 2

您可以使用parseInt來獲取font-size屬性的Integervalue：

$('a[data-text="size-bigger"]').click(function(){
    a = $('span');
    var fontSize = $('span').css('font-size').val();
    var newFontSize = parseInt(fontSize.replace('px','')) + 1 + 'px';
    a.css({'font-size':newFontSize});
});

我不確定是否必須用''替換px或em ，否則將無法正常工作。 試試看 ;）