jquery函数增加可访问性任务的字体大小

只是尝试编写一个jQuery函数，它将在调用时增加所有p标签的字体大小。 到目前为止我做到了这一点……

$("#incfont").click(function() { $('p').each(function(){ var fontsize; fontsize = parseInt($(this).css('font-size')); $(this).css({'font-size':(fontsize+1)+'px'}); }) }) 

它似乎增加了一次字体，但之后没有任何调用。

任何建议表示赞赏

Answer 1

你不需要那个中间变量或函数; 看到这里 。

 $("#incfont").click(function() { $('p').css('font-size','+=1'); }); 

Answer 2

我设法解决了这个问题，

我需要parseFloat（）而不是parseInt从每个元素提取的字体大小。

Answer 3

试试这个：

 var fontsize; $("#incfont").click(function() { $('p').each(function(index){ if(index==0){ fontsize = parseInt($(this).css('font-size')); } $(this).css({'font-size':(fontsize+=1)+'px'}); }) }) 

演示： http ： //jsfiddle.net/yLgCB/

Answer 4

这将是另一种方式： 演示

 function resizeText(multiplier) { var p = $("p")[0]; if (p.style.fontSize == "") { p.style.fontSize = "1.0em"; } p.style.fontSize = parseFloat(p.style.fontSize) + (multiplier * 0.2) + "em"; }