Question

我在尝试：

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

我只是直接设置尺寸就可以了。现在我试图根据以前的尺寸使其相对，即＆＃34; zoomable＆＃34; - 单击链接，跨度增加，但它没有效果，可能出错？

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设置为新增加的{{1}}号。

<强> DEMO

Answer 2

您可以使用parseInt获取font-size属性的整数值：

$('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替换为''，否则它将无效。试一试;）

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

2 个答案: