Question

所以基本上我要做的就是写我的网站是一个推车，我有一个下拉菜单和一个结帐都使用相同的类i.ex.数量为.quantity，价格为.price。

我尝试重新编写代码以使用<select>和<option>，但它与下拉菜单发生冲突，它正在读取数量来自结帐并在下拉列表中添加两倍的金额。

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

$( 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更新为jsFiddle。

Answer 1

您需要使用一个元素来锚定您的.price选择器，该元素是结帐中显示的项目列表的父级，但不是购物车中项目的父级，例如：

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

jQuery与另一个值冲突

1 个答案: