0

少し漠然としていますが、原油価格の変化を示す必要があります (> 0 (緑)) (< 0 (赤))

コードを理解できないだけなので、本当にイライラし始めています。

以下は私が現在持っているものです：

<div id="stockPrice"><p><strong>TSX: 11.25</strong> (-0.07)</p>
<p><strong>NYSE: 10.67</strong> (0.00)</p>
<p><strong>Brent Crude: 111.11</strong> (-0.55)</p>
<p><strong>Natural Gas: 3.707</strong> (+0.008)</p></div>
<script>
function handleResponse (json) {
$("#stockPrice").empty();
for ( var i = 0; i < json.query.count; i++ ) {        
var xml = xmlDoc = $.parseXML(json.results[i]), $xml = $( xmlDoc ), $symbol= $xml.find("Symbol"), $price = $xml.find("PreviousClose"), $change = $xml.find("Change");  

            var name = $symbol.text();
            if($symbol.text() == "TLM.TO"){
                            name = "TSX";
            } else if($symbol.text()=="TLM"){
                            name = "NYSE";
            } else if($symbol.text()=="BZU13.NYM"){
                            name = "Brent Crude";
            } else if($symbol.text()=="NGN13.NYM"){
                            name = "Natural Gas";
            }
    stockPrice.innerHTML += "<p><strong>"+ name + ": " + $price.text() + "</strong>    ("+$change.text()+")</p>";
    }
}</script>

基本的に、括弧内の数字は、負の場合は赤、正の場合は緑である必要があります...かなり簡単ですよね.

4

2 に答える 2

0

$change が機能する場合は、次のようにします。

var $colorClass = $change >= 0 ? "pos" : "neg";

次に配置します。

stockPrice.innerHTML += '<p><strong>' + name + ': ' + $price.text() + '</strong> <span class="' + $colorClass + '">(' + $change.text() + ')</span></p>';

次に、css を追加できます。

.neg {color:red;}
.pos {color:green;}
于 2013-08-29T15:32:04.750 に答える