0

大家好，我正在研究 jquery，实际上我是新手，我需要做的是我stock50喜欢items和price$99那些项目（股票）在一个 div 中，我还有一个单独的 div，我有一个imagebutton当点击imagebutton 拥有它的项目（库存）应该将一个项目添加到我的另一个 div 并且库存应该减少，如剩余stock49意味着项目和价格 99 美元，如果我假设选择了剩余的两个项目stock48和 2 个项目应该添加到我的 div 和价格应该翻倍，所以这是我必须做的，我不知道请帮助建议我

这里有一些代码如下：

         <div class="conteinar">
     <div class="product">
        <img src="images/2215460001_14980_png_picture_1.png" />
        <span>Stock 10</span>
        <span>Price $99</span>
        <span><img src="images/ADDCart.png" /></span>
        </div>

        <div class="product">
        <img src="images/2215460001_14980_png_picture_1.png" />
        <span>Stock 50</span>
        <span>Price $99</span>
        <span><img src="images/ADDCart.png" /></span>
        </div>

4

2 回答 2

0

您可以使用 data-* 属性将计数存储在跨度中。您可以通过这种方式使用 jQuery 添加属性：

$('spanSelector').attr('data-itemCount', '50');

因此，当您需要从该列表中删除项目时，请从计数中减去并将其设置为data-count自定义属性：

var newCount = parseInt($('spanSelector').attr('data-itemCount'))-1;
$('spanSelector').attr('data-itemCount', newCount);

您还需要使用新计数来更新显示文本：

'Stock ' + $('spanSelector').attr('data-itemCount');

你可以用价格做同样的事情。将其存储为 data-price 并以相同的方式检索它并将其添加到您的总数中。

这应该让您朝着正确的方向开始。Data-* 属性是在 DOM 中存储数据的好方法。您不想存储大量的 data-* 属性，但对于您所说的，这是一个很好的途径。

于 2012-11-09T08:09:35.223 回答
0

您需要为每个产品设置一个隐藏字段。在隐藏字段值哪个产品数量。然后，当任何人单击添加到购物车时，从中获取价值，hidden field然后decrease将 1 设置SPAN为显示。

于 2012-11-09T07:55:49.680 回答