Javascript jQuery与另一个值冲突

Javascript jQuery与另一个值冲突,javascript,jquery,web,Javascript,Jquery,Web,所以基本上我要做的是为我的网站写一个购物车,我有一个下拉购物车和一个结账台,它们都使用相同的类I.ex数量表示数量,编码>价格表示价格 我试图重新编写代码以使用和,但它与下拉菜单冲突,它从结帐处读取数量,并在下拉菜单中添加两倍于数量的upp 所以我想知道的是如何在不改变课程的情况下分离jquery。不确定这是否是基础知识,但我已经很累了,尝试了一段时间 $( document ).ready(function() { $('.quantity :selected').change(fu

所以基本上我要做的是为我的网站写一个购物车,我有一个下拉购物车和一个结账台,它们都使用相同的类I.ex<编码>数量表示数量,编码>价格表示价格

我试图重新编写代码以使用
,但它与下拉菜单冲突,它从结帐处读取数量,并在下拉菜单中添加两倍于数量的upp

所以我想知道的是如何在不改变课程的情况下分离jquery。不确定这是否是基础知识,但我已经很累了,尝试了一段时间

$( document ).ready(function() {
    $('.quantity  :selected').change(function (event) {
        $quan = $(this);
        console.log($quan.parent().next()[0]);
        $quan.parent().next().find('.price').text(function () {
            return $quan.val() * parseInt($(this).attr('data-val'), 10) + ' kr';
        });
            var total = 0;
            $('.price').each(function(k, v){
                total += parseFloat($(v).text(), 10); 
            });
            $('#total').text(total + ' kr')
    });
});
由Spokey编写的代码



新建:使用
HTML
jQuery
更新为a。您需要将
.price
选择器锚定为一个元素,该元素是签出中显示的项目列表的父元素,但不是购物车中项目的父元素,例如:

$('#checkout .price').each(...)

我在签出时遇到了一些问题,值不起作用。美元总额不会更新,数量+价格也不会更新@参宿一