Question

我正在编写一个脚本来计算div中的值，并根据值将不同的类和文本添加到另一个div中。该值是库存中的商品数量。

基本上，如果值为= 0，则添加类.out并将文本更改为“缺货”，如果值为＆lt; 5则添加类.few-left和文本“少于5个！”如果＆gt; 5添加类.in-stock和文本“有货！

虽然有一个问题，但由于同一篇文章的多种变化，该值可能会在没有页面加载的情况下发生变化。因此，一篇文章的值可能为4，另一篇值为10，第三篇为0且缺货，并且这些变化的悬停缩略图的变化与列出的变体非常相似：http://www.feelunique.com/p/Bare-Escentuals-id-SPF15-Matte-Foundation-Lockable-Sifter-6g

是否可以跟踪“实时”值的变化。我希望它能够观察到这个值，如果它超过/低于不同的断点，我希望将该类替换为新类。

html在三种不同场景中的外观示例

<div class="stock-value">4</div>
<div class="stock-message few-left">Less than 5 left!</div>

<div class="stock-value">9</div>
<div class="stock-message in-stock">In stock!/div>

<div class="stock-value">0</div>
<div class="stock-message in-stock">Out of stock/div>

我试过这样的事情：

jQuery('.stock-wrap').each(function() {
    var Saldo = jQuery('.stock-value').val();
    if(Saldo <= 5){
        jQuery('.stock-message').text('Less than 5 left!');
        jQuery('.stock-message').addClass('few-left');
        }
    });

虽然这并没有注意到变化，但我担心我的jQuery技能还没有达到这个水平。

提前感谢您提供任何帮助！

最佳

里卡德

用Jquery观察实时的价值变化

0 个答案: