2

次のようなdivがあります。

<em id="ProductPrice" class="ProductPrice VariationProductPrice">$75.00</em>

また、値が変更された場合は、テキストの色を変更する必要があります。

私はこれを書きました：

<script>

$(document).ajaxSuccess(function(){

    var currentPrice = $.trim($("#ProductPrice").text());

    if(currentPrice == "%%GLOBAL_ProductPrice%%") 
    {
            $("#ProductPrice").style.color="black";
            console.log("black");
    }
    else
    {
            $("#ProductPrice").style.color="red";
            console.log("red");
    }

});

%%GLOBAL_ProductPrice%% は、変更が発生する前の基準値を示す CMS の変数です。

'undefined' is not an object ('&("#ProductPrice").style.color="red"' を評価しています) というエラーが表示されます。

私は何を間違っていますか？

4

3 に答える 3

7

プレーンな Javascript で jQuery セレクターを使用していますが、機能しません。javascript では、プロパティを変更できます。jQuery では、これを行うstyleメソッド.css()があります。

代わりにこれを試してください：

$("#ProductPrice").css('color','black');

またはプレーンJavaScript

document.getElementById('ProductPrice').style.color="black";
于 2013-09-13T21:30:10.220 に答える
2

jQuery オブジェクトには、 というプロパティがありませんstyle。jQuery とネイティブ js を混在させています。これを試して：

$("#ProductPrice").css('color', 'black');
于 2013-09-13T21:30:03.063 に答える
0 
$(selector)

.style 呼び出しを試みる HTMLElement ではなく、jQuery オブジェクトを提供します。

代わりにこれを試してください：

 $("#ProductPrice").css("color", "red");
于 2013-09-13T21:33:04.620 に答える