Как правильно плюсовать число активного элемента и так же его минусовать при смене активного элемента на jquery?

Question

[woebegone]

У меня есть выпадающее меню:

<div class="dropdown align-items-center show">
    <button class="btn btn-dark" type="button" id="dropdownMenu10" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
        меню
    </button>
    <div class="dropdown-menu dropdown-menu-right show" id="dpp10" aria-labelledby="dropdownMenu10">
        <button class="dropdown-item active" type="button" id="dp1"><span class="d-none" id="dp1p">5</span> Intel core i5</button>
        <button class="dropdown-item" type="button" id="dp2"><span class="d-none" id="dp2p">10</span> Intel core i7</button>
        <button class="dropdown-item" type="button" id="dp3"><span class="d-none" id="dp3p">15</span> AMD core</button>
    </div>
</div>

$(document).ready(function() {
    var dlr = $('#dlr1').text();
    $('#dpp1 button').on('click', function(){
        $('#dpp1 button').removeClass('active');
        $(this).toggleClass('active');
        $('#prc1').html($(this).text());
    });
});

В каждой кнопке есть скрытый span с цифрой.
В js коде довольно банальный скрипт, который играет css классом active в кнопках.
И еще есть div блок с начальной цифрой:
<div id="price">10</div>
Никак не могу сделать так, чтобы при выборе нужного button элемента, сумма его span блока добавлялась к изначальной цифре. Но при выборе другого button, она отнималась.

Comments

[Алексей Дубровин]

Если вы пытаетесь кому-то что то объяснить сначала попытайтесь это сделать себе( в программировании это называется метод резиновой уточки). Из вашего текста понятно то что вы не понимаете что хотите сделать. Если правильно поставить задачу, то и решение найдётся за минуту.