在选择元素时制作订单清单

Question

我正在使用HTML，CSS和JS / JQ逐步创建。到目前为止，我已经完成了很多帮助的步骤功能，我的下一个任务是创建一个列表，其中包含.selected和.name的{​​{1}}元素。 .price - 项目，以及稍后将所有选定项目价格多个到订单列表底部的一个总价格。

I have made a JSFiddle也可以看到我想要完成的任务。

有没有一种有效的方法呢？我不知道我怎么可能实现这个目标，所以我要求那里的某个人给我一个良好的开端，或者我可以坚持的东西。

谢谢！

Answer 1

要获得到目前为止的正确名称和价格，您只需要具有以下内容：

var allLikes = $('.selected');

...获取已被选中的每个项目。

你能做的就是每个项目，而不是你现在拥有的项目：

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

这样做：

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

现在，您可以为banana_name中的每个项目选择banana_price和allLikes。如果您循环浏览allLikes并选择每个并将它们添加到您已有的topay div中，则应该全部设置。

Answer 2

获取所有选定的项目

选择元素的

1.addClass（“。selected”）。

2.来自element.hasClass（“。selected”）的名称和价格。

3.使用list列出所有价格值。