Javascript-форум - Показать сообщение отдельно - Средне арифметическое в двух столбцах таблицы

рони · #9 (**permalink**) 09.02.2013, 17:36

Deff, итого так итого )))

<!DOCTYPE HTML>

<html>

<head>
  <title></title>
  <meta charset="utf-8" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    var sum = 0, n = 0;
    $(".paddingg td").each(function () {
            var num = $(this).text();
            num = parseFloat(num);
            if (num||num === 0) {sum+= num; n++;}
        });
   var tr = $("<tr/>").append($("<td/>").text('Итого: '+(sum/n).toFixed(2)).css({'font-weight': 'bolder'}))
   $('.paddingg tbody').append(tr);
});
</script>
</head>

<body>
<table class="paddingg">
    <tbody>
        <tr>
            <td colspan="2" id="idtable"><b>Игровые</b>
            </td>
            <td colspan="2" id="idtable">&nbsp; <b>Психологические</b>
            </td>
        </tr>
        <tr>
            <td>Контроль мяча</td>
            <td style="text-align: right;"><span style="color: green;">84</span>
            </td>
            <td>&nbsp; Дальновидность</td>
            <td style="text-align: right;">76</td>
        </tr>
        <tr>
            <td>Дриблинг</td>
            <td style="text-align: right;">83</td>
            <td>&nbsp; Агрессивность</td>
            <td style="text-align: right;">74</td>
        </tr>
        <tr>
            <td>Реализация</td>
            <td style="text-align: right;">80</td>
            <td>&nbsp; Реакция</td>
            <td style="text-align: right;">78</td>
        </tr>
        <tr>
            <td>Сила удара</td>
            <td style="text-align: right;">82</td>
            <td style="text-align: justify;">&nbsp; Самообладание</td>
            <td style="text-align: right;">77</td>
        </tr>
        <tr>
            <td>Точность</td>
            <td style="text-align: right;">81</td>
            <td style="text-align: left;">&nbsp; Стабильность</td>
            <td style="text-align: right;">85</td>
        </tr>
        <tr>
            <td>Удар с лёта</td>
            <td style="text-align: right;">83</td>
            <td style="text-align: left;">&nbsp; Знание техники</td>
            <td style="text-align: right;">78</td>
        </tr>
        <tr>
            <td>Подачи</td>
            <td style="text-align: right;">85</td>
            <td id="idtable" colspan="2"><b>&nbsp; Физические</b>
            </td>
        </tr>
        <tr>
            <td>Пас</td>
            <td style="text-align: right;">83</td>
            <td>&nbsp; Ускорение</td>
            <td style="text-align: right;">89</td>
        </tr>
        <tr>
            <td>Дальний пас</td>
            <td style="text-align: right;">81</td>
            <td>&nbsp; Скорость</td>
            <td style="text-align: right;">91</td>
        </tr>
        <tr>
            <td>Игра головой</td>
            <td style="text-align: right;">75</td>
            <td>&nbsp; Ловкость</td>
            <td style="text-align: right;">86</td>
        </tr>
        <tr>
            <td>Отбор на месте</td>
            <td style="text-align: right;">78</td>
            <td>&nbsp; Прыгучесть</td>
            <td style="text-align: right;">81</td>
        </tr>
        <tr>
            <td>Отбор в движении</td>
            <td style="text-align: right;">79</td>
            <td>&nbsp; Сила</td>
            <td style="text-align: right;">81</td>
        </tr>
        <tr>
            <td id="idtable" colspan="2"><b>Стандарты</b>
            </td>
            <td>&nbsp; Выносливость</td>
            <td style="text-align: right;">88</td>
        </tr>
        <tr>
            <td>Штрафные</td>
            <td style="text-align: right;">83</td>
            <td>&nbsp; Баланс</td>
            <td style="text-align: right;">84</td>
        </tr>
        <tr>
            <td>Угловые</td>
            <td style="text-align: right;">79</td>
        </tr>
        <tr>
            <td>Пенальти</td>
            <td style="text-align: right;">54</td>
        </tr>
    </tbody>
</table>
<br>
</body>
</html>