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

我使用HTML，CSS和JS/JQ逐步创建订单。到目前为止，我已经完成了很多帮助的步骤功能，我的下一个任务是创建一个列表，列出哪些元素已被.selected正确.name和.price用于该li-项目，并且之后将所有选定的项目价格到订单清单底部的总价格。在选择元素时制作订单清单

I have made a JSFiddle也可视化我想要完成的。

有没有一种有效的方法来做到这一点？我不知道如何才能做到这一点，所以我要求有人给我一个开始或者我可以坚持的东西。

谢谢！

要获得你有什么迄今为止适当的名称和价格，你只需有类似：

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，则应该全部设置。

2017-02-20 23:14:07

谢谢。我的意思是更新我的小提琴，给名称的价值，但它没有更新。问问你的意思是“通过allLikes循环”是否合适？ – superladremi

你可以在JS中做一个'forEach（）'循环或'map（）'函数来遍历'allLikes'中的每个项目，并且为每个项目分别取出它们的'banana_name'和'banana_price'，制作一个'div'，并将它推到你已经设置的'topay' divs。 –

谢谢你的进一步解释。我将在此工作：o） – superladremi

要获取选定元素的所有选择项

1.addClass（ “选择”）。

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

3.通过使用列表来获得所有的价格值。

2017-02-20 23:25:39

回答