javascript - 如何使用 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，您可以在添加 px 之后递增 (13) code> 返回，您可以将 font-size 设置为新增加的数字。

<强> DEMO