我正在为我的个人服务创建一步一步的订单。
我想抓取所选项目，并在页面的其他部分显示唯一的.price和<li class="service">。
要解释我的HTML，可选内容为<span class="name"> example service </span>，这些项目的<span class="price"> $9.99 </span>和<li class="service selected">是此唯一服务的价格。选择服务后，它将显示为<li class="service">，此服务的下一个服务将显示在下面，就像一步一步应该有效。
我的目标是，一个.selected有一个类<span class="name">我想在列表中显示<span class="price">和var selected = $('.selected');
var name = $('.name'); // grab the <span id="name">
var price = $('.price'); // grab the <span id="price">
$(".service").click(function() {
$( "li.order > span.service_name" ).html( name ).show();
$( "li.order > span.service_price" ).html( price ).show();
});
，该列表是客户可以控制的列表价格和他选择的服务。如果未选中，则不会显示在“您的订单”
这是我的一些代码：
{{1}}
这接近我想要的。点击服务后，至少发生了一些变化。
代码在此JSFiddle中供您查看，点击任意服务即可查看代码。