Выполнение вычислений на ячейках таблицы

Question

У меня есть php-скрипт, который генерирует прейскурант в таблице. Пример сгенерированной таблицы:

<table> 
    <thead> 
    <tr> 
    <th></th> 
    <th>100</th>  
    <th>+100</th>   
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
      <th>A5<span>210x148</span></th> 
      <td>€65.00</td> 
      <td>€8</td> 
     </tr> 
     <tr> 
      <th>A4<span>297x210</span></th> 
      <td>€75.00</td> 
      <td>€16</td> 
     </tr>  
    </tbody> 
</table> 

В принципе, я хочу сделать кнопку, чтобы добавить НДС. Итак: возьмите значения из ценовых ячеек, добавьте 21% и замените исходное значение. Если кнопка снова нажата, она перезапускается.

Моя проблема в том, что я не знаком с jquery и не могу понять, как извлекать и переписывать значения для каждого cel. Я могу получить эффект, который я хочу, если я добавлю идентификатор в ячейку, однако я не могу понять, как это сделать для всех ячеек. Еще одна вещь, с которой я не могу работать, - это снять знак валюты, чтобы выполнить расчет.

Любая помощь была бы принята с благодарностью.

Answer 1

Один подход должен был бы дать тем «цена» ячеек имя класса

<td class='price'> 

и затем петлю через эту совокупность элементов:

$('price').each(function(index) { 
    vat = $(this).text().replace("$", "") * 1.21; 
    $(this).text() = vat; 
    }); 

непроверенная, но мы надеемся, он передает эту идею.

Answer 2

Вы можете добавить класс к каждой ячейке таблицы, где вы будете иметь цену для расчета НДС как

<td class='priceCell'> 

, а затем сделать что-то, как на первой пресс-кнопки

$('priceCell').each(function(index) { 
    $(this).text() = calculateVAT($(this).text()); 
    }); 

Где calculateVAT это функция javascript, которая вычисляет НДС. Поскольку это решение выполняет вычисление точки с плавающей запятой на число, которое может быть округлено, другим возможным элегантным решением является добавление скрытого столбца с суммами, добавленными НДС, и кнопка просто переключаться между двумя столбцами.