jquery - アクセシビリティタスクのフォントサイズをインクリメントするjquery関数

Question

呼び出されたときにすべての p タグのフォントサイズをインクリメントする jQuery 関数を作成しようとしています。ここまでやって...

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

フォントを1回インクリメントするようですが、その後は呼び出しません。

アドバイスをいただければ幸いです。

Answer 1

私はこれを修正することができました、

各要素から抽出されたフォントサイズを parseInt ではなく parseFloat() する必要があります。

Answer 2

これを試して：

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 3

これは別の方法です：デモ

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";
}