арифметика в тексте выбранного элемента DOM

#javascript #jquery

#javascript #jquery

Вопрос:

У меня есть простой jQuery $("span.value") , который выбирает узлы, содержащие текст. Этот текст гарантированно будет целым числом. Как мне вычислить сумму всего текста выбранного узла и поместить сумму в другой узел?

 <span class="value">3</span>
<span class="value">4</span>
<span class="value">5</span>
<span class="sum">?</span>
  

Ответ №1:

Вы могли бы сделать это:

 var sum = 0;    
$('.value').each(function(index, el) {
    sum  = parseInt($(this).text());
});
$('.sum').text(sum); //careful - will set the text for *all* elements with class = sum
  

Я бы предложил использовать id вместо класса для суммы <span> , даже если вы уверены, что там будет только один. ИМО, это будет менее подвержено ошибкам..

Комментарии:

1. Идентификатор также будет быстрее, чем класс, наряду с некоторым контекстом. $(‘span#sum’)