Как просуммировать содержимое элементов и вывести результат?

Question

[Stacy None]

Нужно найти все элементы b в блоке div.numb, сложить их содержимое и вывести полученную сумму в div.result.

Comments

[Сергей Соколов]

Что вы пробовали сделать и что именно не получается?

[Stacy None]

Сергей Соколов, Дело в том что я практически не понимаю в JS но знаю что это возможно сделать на JS)

Answer 1

[Ihor Bratukh]

Comments

[Stacy None]

не работает ;(
Сделал так:

<script>
    (function ($) {
        'use strict';
        var result = 0;
        $('.numb').children('b').toArray().reduce(function (previous, current) {
            result += Number($(previous).text()) + Number($(current).text());
        }, 0);
        $('.result').text(result);
    }(jQuery));
</script>

и вывел:
<div class="result"></div>
И ничего ;(

[Ihor Bratukh]

Пример на codepen работает. Смотрите на dom структуру.

[Stacy None]

BRAGA96, Еслиб я понимал о чем вы. Но всё равно спасибо!

[Ihor Bratukh]

Stacy None, на html смотрите. В примере он такой:

<div class="numb">
    <b>6523</b>
    <b>323.532</b>
    <b>875</b>
    <b>12415</b>
    <b>532.36</b>
</div>
<div class="result"></div>

[Stacy None]

BRAGA96, Да я понимаю что работает, но у меня немного иначе всё(
скрипт я подключил, он выводит просто 0
просто теги b которые содержат цифры они находятся в теге a
вот так:

<span class='numb'><a href=\"#\" onMouseOver=\"toolTip('Название медали: ".$rrow['name']." <br /> Вес медали: <b>".$rrow['point']."</b> очков <br /> Выдал: ".$rrow['add_name']." <br /> Причина: ".$rrow['alt']." ', 250)\" onMouseOut=\"toolTip()\"><img border=\"0\" src=\"/uploads/medals/".basename($rrow['img'])."\"></a></span>

Наверное по этому не работает( Но я не знаю как исправить

[Ihor Bratukh]

Stacy None, и это вы называете: искал бы все теги b в блоке div с классом numb ? Так это еще и не DOM элементы а просто строка в атрибуте ...

[Stacy None]

BRAGA96, всё равно показывает 0 ;)
там не просто b тег обернут в ссылку а он внутри ссылки вот так:
<a href="/" <b></b> >...</a>

[Ihor Bratukh]