Javascript 选择元素后生成订单列表

我正在使用HTML、CSS和JS/JQ逐步创建订单。到目前为止，我已经在大量帮助下完成了step功能，我的下一个任务是创建一个列表，列出已使用适当的

.name

和

.price

为该

li

-项目选择的

，然后将所有选定的项目价格乘以订单列表底部的一个总价

这也体现了我试图实现的目标

有没有一个有效的方法来做到这一点？我不知道我如何才能做到这一点，所以我请求外面的人给我一个先机，或者一些我可以坚持的东西

谢谢
 要为您目前所拥有的产品获得合适的名称和价格，您只需拥有以下产品：

var allLikes = $('.selected');

…以获取已选择的每个项目

您可以在每个项目中执行操作，而不是在此处执行当前操作：

<li class="bananas nomarking" data-id="one">
  Hamburger
  <span class="banana_price">€ 8</span>
</li>


汉堡包
€ 8


这样做：

<li class="bananas nomarking" data-id="one">
  <span class="banana_name">Hamburgers</span>
  <span class="banana_price">€ 8</span>
</li>


汉堡包
€ 8


现在，您可以为
allLikes
中的每个项目选择
banana\u名称
和
banana\u价格
。如果您循环查看
allLikes
并选择每一个，然后将它们添加到您已经拥有的
topay
div中，您应该已经准备好了。
要为您目前拥有的内容获取正确的名称和价格，您只需拥有以下内容：

var allLikes = $('.selected');

…以获取已选择的每个项目

您可以在每个项目中执行操作，而不是在此处执行当前操作：

<li class="bananas nomarking" data-id="one">
  Hamburger
  <span class="banana_price">€ 8</span>
</li>


汉堡包
€ 8


这样做：

<li class="bananas nomarking" data-id="one">
  <span class="banana_name">Hamburgers</span>
  <span class="banana_price">€ 8</span>
</li>


汉堡包
€ 8


现在，您可以为
allLikes
中的每个项目选择
banana\u名称
和
banana\u价格
。如果您在
allLikes
中循环，并选择每一个，然后将它们添加到您已有的
topay
div中，您应该已全部设置。
以获取所有选定项目

1.为所选元素添加类（“.selected”）

2.从element.hasClass（“.selected”）获取名称和价格

3.使用列表对所有价格值求和。
以获取所有选定项目

1.为所选元素添加类（“.selected”）

2.从element.hasClass（“.selected”）获取名称和价格

3.使用列表对所有价格值求和。
谢谢。我本想更新我的小提琴，让名字也有一个值，但它没有更新。问一下“遍历allLikes”是什么意思合适吗？你可以在JS中使用
forEach（）
循环或
map（）
函数遍历
allLikes
中的每个项目，并为每个项目取其各自的
banana\u名称
和
banana\u价格
，用它们制作一个
div
，并将其推到您已经设置的
topay
div。感谢您的进一步解释。我会努力做到这一点：o）谢谢。我本想更新我的小提琴，让名字也有一个值，但它没有更新。问一下“遍历allLikes”是什么意思合适吗？你可以在JS中使用
forEach（）
循环或
map（）
函数遍历
allLikes
中的每个项目，并为每个项目取其各自的
banana\u名称
和
banana\u价格
，用它们制作一个
div
，并将其推到您已经设置的
topay
div。感谢您的进一步解释。我将致力于此：o）