Question

我有一个看起来像这样的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>

我需要一个脚本，如果它发生变化，会将价格值的颜色更改为红色。我开始在页面加载时获取值，并认为我可以做类似的事情，如果＆lt;原始的价值，风格红色，但我仍然是JavaScript的新手，并且不能很好地解决它。

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

Answer 1

起初我会在ID：

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

然后你可以做类似

的事情

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

if语句应该在你的改变函数中

Answer 2

您需要有一个输入才能让事件发生变化。

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

HTML

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

的jQuery

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

演示here

如果值更改，JS或Jquery更改文本的颜色

2 个答案: