MVC ビューで作成されたテーブルの一部:
その背後にある HTML の一部:
...
<tr>
<td>
<div id="implG13">252,849.00</div>
</td>
<td>
<div id="progressBarG13"></div></td>
<td>
<div id="unimplG13">234,687.00</div>
</td>
</tr>
<tr>
<td>
<div id="implG19">239,773.00</div>
</td>
<td>
<div id="progressBarG19"></div></td>
<td>
<div id="unimplG19">174,397.00</div>
</td>
</tr>
...
Progress Bar
これら 2 つの列の間の表の各行に、実装された「コスト削減」のパーセンテージをグラフィカルに表すを表示できるようにしたいと考えています。
つまり、最初の行の場合、JQuery は次のようになります。
function CalculatePercentage(){
return ($("#implG13").val() / ($("#implG13").val() + $("#unimplG13").val()));
}
$("#progressbarG13").progressbar({
$value : CalculatePercentage()
});
問題は、テーブルの行数が可変であることです。プログラムで一意の ID を割り当てて、「実装されたコスト削減値」、「実装されていないコスト削減値」、および各行の進行状況バーを参照できます。
C# の名前付きパラメーターのような、これらの ID を明示的に参照する新しい関数を作成する必要がないように、JQuery でこれを実装するにはどうすればよいですか?
これは私の初めての JQuery でのプログラミングです (JQuery は JavaScript ライブラリか何かですか?) ので、私の素朴さを許してください!