Посчитать все значения на странице

Question

<table>
   <tr>
      <th></th>
      <th>Название блюда</th>
      <th id="summ">5000</th>
   </tr>
</table>

<table>
   <tr>
      <th></th>
      <th>Название блюда</th>
      <th id="summ">13000</th>
   </tr>
</table>

На странице есть несколько таблиц, точное количество не известно, как на jquery посчитать и вывести сумму всех значений с id="summ"

Answer 1

Начнём с того, что атрибут id должен быть уникальным.

По этому мы заменим атрибут id на class и посчитаем:

let sum = 0; // Создадим начальную переменную.

$('.summ').each(function(){ // Пройдёмся по всем элементам..
  let thisSum = $(this).text(); // Получим содержимое элемента
  if($.isNumeric(thisSum)) { // если это число, то идём дальше.
    thisSum = parseInt(thisSum); // преобразуем значение в число.
    sum += thisSum; // прибавляем к переменной sum
  }
});

console.info(sum);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table>
   <tr>
      <th></th>
      <th>Название блюда</th>
      <th class="summ">5000</th>
   </tr>
</table>

<table>
   <tr>
      <th></th>
      <th>Название блюда</th>
      <th class="summ">13000</th>
   </tr>
</table>

Answer 2

https://jsfiddle.net/jog960uw/

$( document ).ready(function() {
  $( "th#summ" ).each(function() {
    counter+=Number($( this ).text());
    });
  alert(counter);
});

Note: The ID values should be unique, use class insted.

БЛОГ НА HUSL

Посчитать все значения на странице

Ответы (2 шт):