Javascript 如何根据单击的元素计算元素的值

我需要根据购物车内选择的物品计算剩余的钱

例如：我的购物车中有3个项目，我选择了一个成本为

100$

，之前我添加了一个成本为

300$

我有

id=“price”

和

id=“total”

的元素，我想在

id=“剩余”

中放置

total

和

price

之间的差异，基于我单击的元素的

id

，以添加到购物车中

我认为，可以使用jquery来完成，但我在这方面是新手，所以任何帮助都会很好

<div class="items">
<div id="first">
<p>First Product</p>
<p class="price">100$</p>
<button id="btn1">Add to cart</button>
</div>

<div id="second">
<p>Second Product</p>
<p class="price">150$</p>
<button id="btn2">Add to cart</button>
</div>

<div id="third">
<p>Third Product</p>
<p class="price">200$</p>
<button id="btn3">Add to cart</button>
</div>
</div>

<p>Available money</p>
<p class="total">300$</p>

<p>Remaining money</p>
<p class="remaining"> </p>

第一产品

100$
添加到购物车
第二产品

150$
添加到购物车
第三产品

200$
添加到购物车
可用资金

300$
余款

首先，您应该为“总计”和“剩余”类段落标记指定唯一ID。然后获取所有价格并将其与和相加：

除非您必须去掉

p

标记中的$，否则像

$
100这样的东西会更好。现在，如果您给total和remaining
p
标记id，例如“total”和“remaining”，只需按照与上面相同的方式获取“total”值，并将差值放在“remaining”中，再次使用
html（）
函数：

$("#remaining").html(/*calculate remaining, like total - itemSum*/);

你有没有已经尝试过的代码？没有，因为我不知道怎么做欢迎使用SO。请访问和，了解如何提问。提示：发布你的HTML和任何你目前拥有的脚本
$("#remaining").html(/*calculate remaining, like total - itemSum*/);