javascript - jQuery字体大小脚本问题

我正在使用一个简单的脚本使用Jquery来增加/减小字体大小。这是HTML：

<head>
    <title>Font Sizer</title>
</head>
<body>
    <a id="increase" href="#">+</a><br/>
    <a id="decrease" href="#">-</a>
    <p>blah blah blah blah blah blah blah blah blah</p>
</body>

jQuery代码：

$(document).ready(function(){
    var textsize = $('p').css("font-size");
    var textunit = textsize.slice(-2);
    textsize = parseFloat(textsize, 10);
    console.log(textsize);

    $('#increase').click(function(){
        textsize++;
        console.log(textsize);

        ('p').css('font-size', textsize + textunit);
    });
});

我正在jsFiddle上工作，因此不需要Jquery的脚本标签。

有人可以告诉我为什么单击+时字体大小不会增加吗？

最佳答案

您忘记了('p')之前的“ $”符号，它应该是：

$('p').css('font-size', textsize + textunit);

TextSize

javascript - jQuery字体大小脚本问题