Javascript 需要关于使用jquery在购物车/购物篮中显示活动/选定项目的指导吗

Javascript 需要关于使用jquery在购物车/购物篮中显示活动/选定项目的指导吗,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在创建一步一步的订单,而我目前正在努力处理您的订单。您也可以将其称为购物篮或购物车,这是另一列,显示.selected.service的.name和.price 我想做的是,如果你点击服务1。名称和。价格将显示在他们的批准和工作 由于这是一个循序渐进的订单,一旦您选择服务x,例如,您将看到订单中的更改,下一个将是可见的服务x.1、x.2和x.3,但如果您单击其中一个项目,您将不会看到订单中的任何更改,我的问题之一是为什么 这是我的密码: // YOUR ORDER $(".service")

我正在创建一步一步的订单,而我目前正在努力处理您的订单。您也可以将其称为购物篮或购物车,这是另一列,显示.selected.service的.name和.price

我想做的是,如果你点击服务1。名称和。价格将显示在他们的批准和工作

由于这是一个循序渐进的订单,一旦您选择服务x,例如,您将看到订单中的更改,下一个将是可见的服务x.1、x.2和x.3,但如果您单击其中一个项目,您将不会看到订单中的任何更改,我的问题之一是为什么

这是我的密码:

// YOUR ORDER
$(".service").on('click', function() {
  var selected = $('.selected');
  var name = selected.find('.name').html();
  var price = selected.find('.price').html();
  $("li.order > span.service_name").html(name).show();
  $("li.order > span.service_price").html(price).show();
});
是否可以使此代码正常工作,以便它获取任何.selected项目的.name和.price,如果不再选中,请将其从列表中删除?有没有一个有效的方法来创建这个

这是我的

谢谢。

当您单击.service时,清空订单列表,抓取所有.selected元素,并将它们添加到订单列表中

值得一提的是,我们添加了一些代码来计算价格,这样总数就反映了所选元素的总和

因为您的var selected=$'。selected';将只考虑第一个元素,您应该这样做:

  var selected = $('.selected').last();

当然,迈克尔。我的英雄,又来了!和往常一样,这一点很重要。我完全理解这个代码+我有智慧。现在,我将尝试在每次单击服务时更新价格计算。我给你买了一杯咖啡=@superladremi awesome:顺便说一句,在你的订单列表中添加了一个总金额的更新。我也要那杯咖啡!!干杯我的天啊,似乎比我领先一步,我能感谢你吗?!!!!你可能帮我省了好几天的研究时间,省了很多头巾,而且很可能还帮我在stackoverflow发了一篇帖子。谢谢老兄,我将尝试编辑此代码以查看它的运行情况,谢谢你回答我的问题!: