Question

我发现我的jQuery代码有一个问题：

未将正确的商品数量添加到购物篮
价格未被识别

我认为这两个问题可能都是因为信息没有从目前可见的div中选择。但我不确定。有人能帮忙吗？

的jQuery

$("#item1").hide(); 
var itemCount = 0;
    var itemPrice = 0;
    $(".basket").html("Basket: " + itemCount + " items (£" + itemPrice + ")");
    $(".atcb").click(function(){    
        var price = $(".sht").text(); 
        itemPrice = price.replace("£", "");
        itemCount += parseInt($(".qty").attr('value'));
        itemPrice += itemPrice * itemCount;
        $(".basket").html("Basket: " + itemCount + " items (£" + itemPrice + ")");
    });

Jsfiddle：http://jsfiddle.net/y6jrmors/5/

Answer 1

有一堆小问题。例如，冲突的类名，也没有在section等内找到

以下是修复问题的代码。

$(document).on('click', '.atcb', function () {
    var itemCount = 0;
    var total_price = 0;
    var itemPrice = 0;

    $parent = $(this).parents('.st');
    $parent.find(".basket").html("Basket: " + itemCount + " items (£" + itemPrice + ")");
    var price = $parent.find('h3.sht').text();

    itemPrice = parseInt(price.replace("£", ""));
    itemCount = parseInt($parent.find(".qty").val());
    console.log(itemPrice, itemCount)
    total_price = itemPrice * itemCount;
    $parent.find(".basket").html("Basket: " + itemCount + " items (£" + total_price + ")");

});

请注意html代码中的小修正。

这是working fiddle

物品价格未添加到购物篮，以及数量不正确

1 个答案: