文字列からの抽出値の追加

Question

私はあなたが見るようにタイトルから値を抽出しました。しかし、私は追加に問題があります。基本的には.ct-chartの.work-day-graph要素を追加する方法はわかりません。したがって、1,25 + 8,25 +0,75 + 0,5 = XY、2,25 + 7,25 + 2,75 +0,5 = XYのようになります。何か案は ？おかげでたくさんの

DEMO：https://jsfiddle.net/1xn1eLfs/6/

JS：

$('.ct-chart').each(function() { 
var graphTitle; 

$(this).find('.work-day-graph').each(function() { 
    graphTitle = $(this).attr('title'); 
    var graphTime = graphTitle.substring(graphTitle.lastIndexOf('(') + 1, graphTitle.lastIndexOf('h')); 
    //graphTimeVal = graphTime.parseInt(); 

    $('<span class=output-val>' + graphTime + '</br>' + '</span>').appendTo('.output'); 
}); 
}); 

Answer 1

は変更JsFiddleです： https://jsfiddle.net/3woe2cdq/4/

あなたは両方のグラフの合計を表示したい場合、あなたはそれを動作させるためにそれらの両方の内部に独立した出力を必要としています。

$('.ct-chart').each(function() { 
    var graphTitle; 

    // Save the sum of the hours 
    var graphTimeSum = 0; 

    $(this).find('.work-day-graph').each(function() { 
    graphTitle = $(this).attr('title'); 

    var graphTime = graphTitle 
     .substring(graphTitle 
     .lastIndexOf('(') + 1, graphTitle 
     .lastIndexOf('h') 
    ).replace(',', '.'); 

    // Add the current hours to the sum 
    graphTimeSum += parseFloat(graphTime); 
    }); 

    // Here we select the output class inside the chart 
    $('<span class=output-val>' + graphTimeSum + '</br>' + '</span>').appendTo($(this).find('.output')); 

}); 

Answer 2

まず、あなたが使用しているので気をつけなる "" ありません ""あなたのひもで。それらの番号を追加するには、その上でparseFloatを実行する必要があります。

デモ：https://jsfiddle.net/1xn1eLfs/6/

var val = 0; 
$('.ct-chart').each(function() { 
    var graphTitle; 

    $(this).find('.work-day-graph').each(function() { 
     graphTitle = $(this).attr('title'); 
     var graphTime = graphTitle.substring(graphTitle.lastIndexOf('(') + 1, graphTitle.lastIndexOf('h')); 
     graphTime = graphTime.replace(',', '.'); 
     val += parseFloat(graphTime); 

     $('<span class=output-val>' + graphTime + '</br>' + '</span>').appendTo('.output'); 
    }); 
}); 
console.log(val); // 23.5 

あなたが独立して要素を追加することができますので、同じですが、CT-chart2または何でもすることにより、第2のCT-チャートクラスの変更を行います。ここで