如果值更改（JS或Jquery），請更改文本的顏色

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>

我需要一個腳本，如果價格更改，它將價格值的顏色更改為紅色。 我首先從頁面加載時獲取值開始，發現可以執行以下操作：if <原始值，紅色樣式，但是我對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語句應該在您的change函數中

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');
    });
})

在這里演示