javascript - 商品价格未添加到购物篮，且数量不正确

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

有很多小问题。例如，冲突的类名，也没有在部分中找到，等等。

这是解决问题的代码。

$(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