0

我有一个看起来像这样的 div：

<div class="ProductPriceWrap">
                <div class="DetailRow RetailPrice" style="display: none; ">
                    <span class="Label">MSRP:</span>


                </div>

                <div class="DetailRow PriceRow" style="">
                    <div class="Value">
                        <em class="ProductPrice VariationProductPrice">$42.00</em>

                    </div>
                </div>


            </div>

如果价格发生变化，我需要一个脚本将价格值的颜色更改为红色。我从在页面加载时获取值开始，并认为我可以做类似的事情，如果 < 原始值，样式为红色，但我还是 JavaScript 新手，不能完全解决。

任何输入表示赞赏！谢谢！

4

2 回答 2

0

起初我会在一个ID：

<em id="price" class="ProductPrice VariationProductPrice">$42.00</em>

然后你可以做类似的东西

if ($("#price").text().substr(1) < original_value) {
 $("#price").css("color","red");
}

if 语句应该在你的 change 函数中

于 2013-09-13T18:53:15.833 回答
0

您需要有输入才能进行更改事件。

所以我的建议是添加一个输入（您可以删除边框使其看起来不像输入），并添加一个应用红色的类。

html

<input id="Input_id" class="ProductPrice VariationProductPrice" value="$42.00">

jQuery

$(document).ready(function () {
    $('#Input_id').on('change', function () {
        $(this).addClass('red');
    });
})

演示在这里

于 2013-09-13T18:55:11.257 回答