javascript - jQuery Golf Scoreboard -
i'm kind of struggling bit proper jquery iterate through table of values , perform following calculations...
i have 1 row of user inputs class input or array.
then 1 row par values class = par, array. , 1 row hole result ( par-strokes ).
then put total in last td of row has class rtot.
any appreciated!
<style> table { border:1px solid #ccc; border-collapse:collapse; width:600px; } td {border:1px solid #ccc; padding:3px 5px 3px 3px; text-align:center; height:24px; } .name{ font-weight:bold; } #s1{ color:#ccc; } .par2 { display:none; } </style> <table> <tr id="par"><td class="nd name"></td><td class="par">4</td><td class="par">3</td><td class="par">5</td><td class="par">3</td><td class="par">5</td><td class="par">4</td><td class="par">2</td><td class="par">3</td><td class="par">4</td><td class="par">3</td><td class="par">5</td><td class="par">3</td><td class="par">5</td><td class="par">4</td><td class="par">2</td><td class="par">3</td><td class="par par2">4</td><td class="par par2">3</td><td class="par par2">5</td><td class="par par2">3</td><td class="par par2">5</td><td class="par par2">4</td><td class="par par2">2</td><td class="par par2">3</td><td class="par par2">4</td><td class="par par2">3</td><td class="par par2">5</td><td class="par par2">3</td><td class="par par2">5</td><td class="par par2">4</td><td class="par par2">2</td><td class="par par2">3</td><td class="nd"></td></tr> <tr class="r"><td class="nd name">smith / williams</td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="nd rtot"></td></tr> <tr class="s"><td class="nd name">user input</td><td class="input">3</td><td class="input">4</td><td class="input">4</td><td class="input">2</td><td class="input">4</td><td class="input">3</td><td class="input">1</td><td class="input">2</td><td class="input">3</td><td class="input">2</td><td class="input">4</td><td class="input">2</td><td class="input">4</td><td class="input">3</td><td class="input">1</td><td class="input">2</td><td class="nd rtot"></td></tr> <tr><td class="nd name">smith / williams</td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="val"></td><td class="nd rtot"></td> </tr> <tr class="s"><td class="nd name">user input</td><td class="input">1</td><td class="input">3</td><td class="input">2</td><td class="input">1</td><td class="input">3</td><td class="input">2</td><td class="input">1</td><td class="input">3</td><td class="input">2</td><td class="input">1</td><td class="input">3</td><td class="input">2</td><td class="input">3</td><td class="input">2</td><td class="input">1</td><td class="input">3</td><td class="nd"></td></tr> </table> <script> $(document).ready(function() { var sum = 0; $('tr .input').each(function () { var ind = $('.input').index(this); var par = number($('.par').eq(ind).html()); var sc = number($('.input').eq(ind).html()); var tot = sc-par; sum += tot; $('.val').eq(ind).html(sum); }); }); </script>
you can reset sum , access rtot
$('tr.s').each(function () { var sum = 0; $(this).find(".input").each(function(){ var ind = $('.input').index(this); var par = number($('.par').eq(ind).html()); var sc = number($('.input').eq(ind).html()); var tot = sc-par; sum += tot; $('.val').eq(ind).html(sum); }); $(this).find(".rtot").html(sum); });
Comments
Post a Comment