###実現したいこと現在各項目に数字が入っていますが、この数字に万や億を入れた桁文字に変更したいです。 ###現在の状況三角をクリックすると元の数字から5%ごとに値が変化し、例えば項目1-1と項目1-2の値が変化すると大元の項目1の合計値が変化します。同様に項目2もクリックして変化でき、項目1と項目2を合計した数字が表示されている状況です。 ###試したこと桁文字用の関数をいろいろと調べて作ってみて項目1と項目2の合計の下に出力してみたのですが上手く桁文字で表示されています。ですので桁文字用の関数はあっていると思うのですが、それをどうやって全ての項目に適用するのかが詰まっています。関数ketamojiの中の変数numにダミーの数字として123455000を入れていますが、ここの値が関数を呼び出すたびに変わる必要があると思いますがいろいろとやってみましたが、上手く行きませんでした。お手数おかけしますがよろしくお願いします。ソースコードをjsfiddleにアップしています。 [https://jsfiddle.net/ululami/y6kxzz5x/4/](https://jsfiddle.net/ululami/y6kxzz5x/4/) ###該当のソースコード ```javascript $(function() { itemBase(); item1Sum(); item2Sum(); itemTotal(); //項目1-1から2-2の合計用の変数 var item1_1 = 0; var item1_2 = 0; var item2_1 = 0; var item2_2 = 0; //桁文字用の関数 function ketamoji() { var num = 123455000; var keta = ['', '万', '億', '兆', '京']; var nums = String(num).replace(/(\d)(?=(\d\d\d\d)+$)/g, "$1,").split(",").reverse(); var data = ''; for (var i = 0; i < nums.length; i++) { if (!nums[i].match(/^[0]+$/)) { data = nums[i].replace(/^[0]+/g, "") + keta[i] + data; } } $('.ketamoji_test span').text(data); }; ketamoji(); //項目1の合計用関数 function item1Sum() { item1_1 = parseInt($('.item1_1__heading span').text()); item1_2 = parseInt($('.item1_2__heading span').text()); $('.item1__heading span').text(item1_1 + item1_2); itemTotal(); }; //項目2の合計用関数 function item2Sum() { item2_1 = parseInt($('.item2_1__heading span').text()); item2_2 = parseInt($('.item2_2__heading span').text()); $('.item2__heading span').text(item2_1 + item2_2); itemTotal(); }; //項目1と項目2の合計用関数 function itemTotal() { $('.sum__heading span').text(item1_1 + item1_2 + item2_1 + item2_2); }; function itemBase() { //元になるデータ var numsData = [100000, 200000, 300000, 400000]; $('.item1_1__heading span').text(numsData[0]); $('.item1_2__heading span').text(numsData[1]); $('.item2_1__heading span').text(numsData[2]); $('.item2_2__heading span').text(numsData[3]); //項目の数字の割合変更用の関数 var changeRate = function(targetVal, targetRate) { var base = parseInt($(targetVal).text()); var rate = parseInt($(targetRate).text()); return function(r) { rate = rate + r; $(targetVal).text(base * (100 + rate) / 100); $(targetRate).text(rate); }; }; //三角をクリックで元の数字を5%ずつ変化させる //項目1-1から項目2-2まで var itme1_1 = changeRate('.item1_1__heading span', '.item1_1__percent span'); $('.imte1_1__up').on('click', function() { itme1_1(5); item1Sum(); }); $('.imte1_1__down').on('click', function() { itme1_1(-5); item1Sum(); }); var itme1_2 = changeRate('.item1_2__heading span', '.item1_2__percent span'); $('.imte1_2__up').on('click', function() { itme1_2(5); item1Sum(); }); $('.imte1_2__down').on('click', function() { itme1_2(-5); item1Sum(); }); var itme2_1 = changeRate('.item2_1__heading span', '.item2_1__percent span'); $('.imte2_1__up').on('click', function() { itme2_1(5); item2Sum(); }); $('.imte2_1__down').on('click', function() { itme2_1(-5); item2Sum(); }); var itme2_2 = changeRate('.item2_2__heading span', '.item2_2__percent span'); $('.imte2_2__up').on('click', function() { itme2_2(5); item2Sum(); }); $('.imte2_2__down').on('click', function() { itme2_2(-5); item2Sum(); }); }; }); ``` ```html

項目1の合計:円

項目1-1:円

△

▽

項目1-2:円

△

▽

項目2の合計:円

項目2-1:円

△

▽

項目2-2:円

△

▽

項目1と項目2の合計:円

桁文字のテスト:

``` ```css * { margin: 0; padding: 0; } h1, h2 { font-weight: normal; } h1 { font-size: 14px; background: #666; color: #fff; padding: 5px; } body { padding: 15px; } .item:not(:first-child), .sum { margin-top: 15px; } .item__sub { margin-top: 8px; font-size: 12px; } .item__sub h2 { font-size: 14px; } .up, .down { cursor: pointer; } .ketamoji_test { margin-top: 10px; } ``` ###補足情報(言語/FW/ツール等のバージョンなど) jQuery version 2.2.4

	@@ -1 +1 @@
1	- jqueryで桁文字を実装したい
1	+ jqueryで数字に桁文字を実装したい

質問編集履歴