Как организовать слияние строк в HTML таблице посредством JavaScript?

Question

[Владислав Бывшев]

Здравствуйте обитатели тостера!
Вопрос к экспертам в области JavaScript:
Как организовать слияние строк в HTML таблице посредством JavaScript?

Есть таблица:

<table>
   <tr><td>Значение 1</td><td>Количество 1</td></tr>
   ...
   ...
   <tr><td>Значение 1</td><td>Количество 2</td></tr>
   ...
   ...
</table>

Задача:
слияние строк таблицы с ячейкой "Значение 1" и суммирование в получившейся строке "Количество 1" и "Количество 2"

Результат:

<table>
  ...
  ...
  ...
  ...
  <tr><td>Значение 1</td><td>Количество (1+2)</td></tr>
</table>

-----------------------------------------
Подскажите функцию для реализации данной операции.
Заранее благодарен!

Comments

[Alex]

Что значит «слияние строк таблицы»?

[Alex]

Нужно заменить все строки с «Значение 1» на одну строку?

[Владислав Бывшев]

isqua: берем две строки заменяем одной, но с суммой значений количество

[Владислав Бывшев]

Владислав Бывшев: две или более

Answer 1

[Алексей Зуев]

Можно поиграться с rows и cells и получить примерно такую функцию

function groupRows(table) {
    var uniqueRows = {},
    removedRows = [];

    [].forEach.call(table.rows, function (row) {
        var key = row.cells[0].textContent,
            value = +row.cells[1].textContent.split(' ')[1],
            sum;

        if (key in uniqueRows) {
            sum = uniqueRows[key].value + value;
            uniqueRows[key].row.cells[1].textContent = 'Количество ' + sum;
            uniqueRows[key].value = sum;
            removedRows.push(row);
        } else {
            uniqueRows[key] = {
                row: row,
                value: value
            };
        }
    });

    [].forEach.call(removedRows, function (row) {
        table.tBodies[0].removeChild(row);
    });
}

Пример работы функции

Comments

[Владислав Бывшев]

Класс, а можно пример просто с цифрой, то есть "количество 1" и "количество 2" это просто числовые значения

[Алексей Зуев]

Владислав Бывшев: пример с цифрой

[Владислав Бывшев]

Алексей Зуев: Шикарно, большое спасибо

[Владислав Бывшев]

Алексей Зуев: а если у меня четыре ячейки например так

<tr><td>Значение 1</td><td>шт.</td><td>1</td><td></td></tr>

четвертая ячейка пустая

[Алексей Зуев]

Владислав Бывшев: cells[1] в моем коде - вторая ячейка, вам надо 3-ю получается на cells[2] поменять в двух местах

[Владислав Бывшев]

Алексей Зуев: огромное спасибо)))