Сложить числа внутри div?

Question

[XenK]

Есть такой html:

<div class="div">
	<h2 class="head">Загловок (<span>6000</span>)</h2>
	<div class="row">
		<div id="1001">
			<div class="sum">
				<p class="sum1">1500</p>
				<p class="sum2">500</p>
			</div>
		</div>
	</div>
	<div class="row">
		<div id="1002">
			<div class="sum">
				<p class="sum1">2500</p>
				<p class="sum2">1500</p>
			</div>				
		</div>
	</div>
</div>

<div class="div">
	<h2 class="head">Загловок #2(<span>5000</span>)</h2>
	<div class="row">
		<div id="1013">
			<div class="sum">
				<p class="sum1">500</p>
				<p class="sum2">500</p>
			</div>
		</div>
	</div>
	<div class="row">
		<div id="1006">
			<div class="sum">
				<p class="sum1">3000</p>
				<p class="sum2">1000</p>
			</div>				
		</div>
	</div>
</div>

Нужно получить сумму двух рядом находящихся div'ов (например id=1001, id=1002), и соответственно полученную сумму записать в span. Как это сделать на JQuery правильно?

Comments

[Дмитрий Беляев]

так у Вас в div'ах по 2 числа, а в заголовке только под 1 место, что с ем складывать?

Answer 1

[Руслан]

Рабочий код:

$('.div').each(function () {
    var total = 0;

    $(this).find('.sum p').each(function () {
        total += parseInt($(this).text());
    });

    $(this).find('span').html(total);
});

Answer 2

[Orbb]

var a = $('#1013').find('sum1').text();
var b = $('#1013').find('sum2').text();
$('#span').text(a+b);

для просчета всего этого на странице нужно будет делать функцию или обходить циклом.
код дал примерный, но логика должна быть ясна - сначала получаем, затем считаем. В контексте чего - это уже вы там у себя. Можете цеплять по closest, ответ давать в parent .div > .head, можете явно прописать куда и что. В общем, вариантов масса.

Дальше сами справитесь?

Comments

[XenK]

Руслан: мне необходимо получить 4 значения суммы (sum1, sum1, sum2, sum2), в этом и сложность чтобы сделать так, чтобы это работало для всех div'ов с id

[Orbb]

XenK: работало по загрузке страницы или по нажатию куда-либо? Код вам дали внизу. Сложностей тут никаких:)