需要關於顯示在購物車/籃子jquery活動/選定的項目指導

我創建一步一步的順序，我目前正在努力「您的訂單」（您也可以稱之爲籃子或購物車）這是另一個顯示爲.selected.service需要關於顯示在購物車/籃子jquery活動/選定的項目指導

的.name和.price如果你點擊服務＃1的.name和.price將顯示在其appropiate <li class="order"><span>和工作我試圖做到的是列。

由於這是一步一步的順序，一旦您選擇服務＃x例如，你會看到「您的訂單」的變化，而接下來<section>將可見（服務＃X .1＃X .2＃X 0.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，如果它不再被選中，從列表中刪除嗎？有沒有一種有效的方法來創建這個？

這是我的JSFiddle。

謝謝。

來源

2017-02-24 superladremi

當您點擊.service時，清空訂單列表，抓取所有.selected元素，並將它們添加到訂單列表中。 https://jsfiddle.net/r0q0v7dn/3/

對於它的價值，增加了一些代碼來合計價格，以便總和反映所選元素的總和。 https://jsfiddle.net/r0q0v7dn/4/

來源

2017-02-24 02:40:25

當然，邁克爾。我的英雄，再次（！）和一如既往的點。我完全理解這個代碼。 +1智慧給我。現在，我將嘗試使價格計算更新，無論何時單擊服務。我給你買一杯咖啡=） – superladremi

@superladremi真棒:) btw添加了一個更新，總結您的訂單列表中的總和。我也要喝咖啡！乾杯! –

我的上帝，似乎領先我一步，能否以某種方式感謝你？你可能救了我幾天的研究，很多頭疼的事情，很可能是另一個帖子在stackoverflow。謝謝你的朋友<3 – superladremi

因爲你var selected = $('.selected');將只考慮的第一要素，你應該做這樣的事情：

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

來源

2017-02-24 02:42:15

我會嘗試編輯這段代碼來看看它的行動，謝謝你回答我的問題！ :) – superladremi

需要關於顯示在購物車/籃子jquery活動/選定的項目指導

回答

相關問題