Страница 2 из 2 < 1 2
Показывать 40 сообщений этой темы на одной странице

Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Как сложить все ячейки в каждом столбце? (https://javascript.ru/forum/jquery/46724-kak-slozhit-vse-yachejjki-v-kazhdom-stolbce.html)

рони 21.04.2014 18:05
Chamus,
1.как вы собрались складывать нецифровые данные?
2.пользоваться http://pastebin.com неумею.
3.ненадо указвать другие id кроме конечного - это бессмысленно.

Chamus 22.04.2014 10:43
Цитата:
Сообщение от рони (Сообщение 308656)
Chamus,
1.как вы собрались складывать нецифровые данные?
2.пользоваться http://pastebin.com неумею.
3.ненадо указвать другие id кроме конечного - это бессмысленно.
1. isNaN 0
2. Кода очень много, я подумал лучше выложить туда. Выложу тут.
3. Не понял.

Вообще, моя конечная цель сделать так, чтобы к таблицы с классом journal добавлялась в конце строчка с результатами суммы каждого из столбцов. Такие дела. :) Я попросил отдельный скрипт, чтобы вы не копались в куче кода. Я бы потом сам его приделал, но что-то не получилось. :( 

<html>

<head>
<title>Мастер ТЭН - программа компании ООО «Электронагреватели», версия 1.0
</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
// Расчет
$("#tt").click(function () {
goCalc()
});

function goCalc() {
$(".journal tr:first td").each(function (indx) {
  var sum = 0;
  $("td:nth-child(" + (indx + 1) + ")", ".journal").each(function () {
    sum += +$(this).text();
  });
  $('.journal > tbody').append('<td><\/td>');
  // $("<td><\/td>",{text:sum}).appendTo(".journal > tbody > td:last");
});
}
</script>
</head>

<body>
<div class="top1">
<div class="wd" id="top1">

<span id="tt">ТЕСТ</span>

<ul id="tasks" style="display: block;"></ul>

<div class="clear"></div>
</div>
</div>

<div class="top2">
<div class="wd spacer33" id="top-second-menu">
<table border="0" style="display: table;" width="100%">
  <thead>

  </thead>
</table>
</div>
</div>

<div class="wd" id="main" style="display: block;">
<br>

<table class="journal" style="display: table;">
<thead>
  <tr>
    <th id="coloumnsControl">
      <div class="resize"></div>
    </th>
    <th>
      <div style="width: 40px;">
        <span>Номер наряда</span>
      </div>
    </th>
    <th>
      <div style="width: 148px;">
        <span>Пользователь</span>
      </div>
    </th>
    <th>
      <div style="width: 101px;">
        <span>Дата</span>
      </div>
    </th>
    </tr>
</thead>

<tbody>
  <tr>
    <td class=" status-closed">
      <div class="ten" title="ТЭН"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr style="opacity: 0.3;">
    <td class="">
      <div class="ten" title="ТЭН"></div>

      <div class="transport"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="ten" title="ТЭН"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="slab" title="Пластина"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="shtucer" title="Штуцер"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class="">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class="">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class="">
      <div class="ten" title="ТЭН"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr style="opacity: 0.3;">
    <td class="">
      <div class="ten" title="ТЭН"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr style="opacity: 0.3;">
    <td class="">
      <div class="ten" title="ТЭН"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class="">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr style="opacity: 0.3;">
    <td class="">
      <div class="ten" title="ТЭН"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class="">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class="">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class="">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="shtucer" title="Штуцер"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class="">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class="">
      <div class="" title=""></div>
    </td>

    <td class="c cellCol1691">374</td>

    <td>123</td>

    <td class="c cellCol1721">123</td>
  </tr>
</tbody>

<tfoot>
  <tr>
    <td colspan="100"><a class="more" href="#">...</a>
    </td>
  </tr>
</tfoot>
</table>
<br>
</div>
<!-- This page generated in 0.131638 secs by XSLT, SITE MODE -->
</body>

</html>

рони 22.04.2014 13:30
Chamus,
строка 10 несработает -- нет ЕЩЁ элемента с таким id 
$(function ()
{
// сюда ваш код 
})


Цитата:
Сообщение от Chamus
3. Не понял.
appendTo("#testm#testn#test") это равно этому appendTo("#test")

рони 22.04.2014 13:49
Chamus,
<html>

<head>
<title>Мастер ТЭН - программа компании ООО «Электронагреватели», версия 1.0
</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(function () {

    $("#tt").click(function () {
        goCalc()
    });

    function goCalc() {
        var tr = $("<tr/>");
        $("<td/>", {
            html: "<div class='' title=''></div>"
        }).appendTo(tr);
        $(".journal > tbody tr:first td:nth-of-type(n+2)").each(function (indx) {
            var sum = 0;
            $("td:nth-child(" + (indx + 2) + ")", ".journal tbody").each(function () {
                sum += +$(this).text();
            });
            $("<td/>", {
                text: sum
            }).appendTo(tr);
        });
        tr.appendTo('.journal > tbody')
    }
})
</script>
</head>

<body>
<div class="top1">
<div class="wd" id="top1">

<span id="tt">ТЕСТ</span>

<ul id="tasks" style="display: block;"></ul>

<div class="clear"></div>
</div>
</div>

<div class="top2">
<div class="wd spacer33" id="top-second-menu">
<table border="0" style="display: table;" width="100%">
  <thead>

  </thead>
</table>
</div>
</div>

<div class="wd" id="main" style="display: block;">
<br>

<table class="journal" style="display: table;">
<thead>
  <tr>
    <th id="coloumnsControl">
      <div class="resize"></div>
    </th>
    <th>
      <div style="width: 40px;">
        <span>Номер наряда</span>
      </div>
    </th>
    <th>
      <div style="width: 148px;">
        <span>Пользователь</span>
      </div>
    </th>
    <th>
      <div style="width: 101px;">
        <span>Дата</span>
      </div>
    </th>
    </tr>
</thead>

<tbody>
  <tr>
    <td class=" status-closed">
      <div class="ten" title="ТЭН"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr style="opacity: 0.3;">
    <td class="">
      <div class="ten" title="ТЭН"></div>

      <div class="transport"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="ten" title="ТЭН"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="slab" title="Пластина"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="shtucer" title="Штуцер"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class="">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class="">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class="">
      <div class="ten" title="ТЭН"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr style="opacity: 0.3;">
    <td class="">
      <div class="ten" title="ТЭН"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr style="opacity: 0.3;">
    <td class="">
      <div class="ten" title="ТЭН"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class="">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr style="opacity: 0.3;">
    <td class="">
      <div class="ten" title="ТЭН"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class="">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class="">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class="">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="shtucer" title="Штуцер"></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class=" status-closed">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class="">
      <div class="" title=""></div>
    </td>
    <td>374</td>
    <td>123</td>
    <td>123</td>
  </tr>

  <tr>
    <td class="">
      <div class="" title=""></div>
    </td>

    <td class="c cellCol1691">374</td>

    <td>123</td>

    <td class="c cellCol1721">123</td>
  </tr>
</tbody>

<tfoot>
  <tr>
    <td colspan="100"><a class="more" href="#">...</a>
    </td>
  </tr>
</tfoot>
</table>
<br>
</div>

</body>

</html>

Chamus 22.04.2014 17:23
Спасибо! Все заработало! :dance: :dance:
Как вы дошли до таких знаний?:)

рони 22.04.2014 18:04
Chamus,
http://learn.javascript.ru/


Часовой пояс GMT +3, время: 17:25.
Страница 2 из 2 < 1 2
Показывать 40 сообщений этой темы на одной странице