0

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

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

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

可以这么说是否可以跟踪“live”值的变化。我希望它观察该值，如果它超过/低于不同的断点，我希望该类被新类替换。

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 技能还没有达到这个水平。

提前感谢您的任何帮助！

最佳里卡德

4

0 回答 0