有条件使用Google Finance使用jQuery的股票价格

Question

我试图让股票报价为网站工作。

我要实现的是在" stockdirectionvalue"而不是stockinfo.cp值中显示一根字形。

草甘膦需要有条件...取决于stockinfo.cp的输出，这可能是正，负或静态的。

这是我正在使用的jQuery代码，而且工作正常。

var gstock = ["NASDAQ:AAPL", "PPY:000001"];
for (var i = 0; i < gstock.length; i++) {
    $.getJSON("https://finance.google.com/finance/info?client=ig&q="+gstock[i]+"&callback=?", function (response) {
        var stockInfo = response[0];
        var stockString = '<div class="stockWrapper">Nasdaq:';
        stockString += '<span class="stockDirectionValue">' + stockInfo.cp + '</span>';
        stockString += '<span class="stockPrice">' + stockInfo.l + '</span>';
        stockString += '<span class="stockChange">' + stockInfo.c + '</span>';
        stockString += '</div>';
        $('.stockNasdaq').prepend(stockString);
    });
}

HTML非常简单。

<div class="stockNasdaq"></div>

有人可以帮助！

Answer 1

function getGlyph(cp) {
        var glyphicon = '';
        if (cp < 0) {
            glyphicon = ' glyphicon glyphicon-arrow-down';
        }else if (cp >= 0) {
            glyphicon = ' glyphicon glyphicon-arrow-up';
        }
        return glyphicon;
    }
    var gstock = ["NASDAQ:AAPL", "PPY:000001"];
    for (var i = 0; i < gstock.length; i++) {
        $.getJSON("https://finance.google.com/finance/info?client=ig&q=" + gstock[i] + "&callback=?", function (response) {
            var stockInfo = response[0];
            var stockString = '<div class="stockWrapper">Nasdaq: ';
            stockString += '<span class="stockDirectionValue' + getGlyph(stockInfo.cp) + '"> ' + stockInfo.cp + '</span>';
            stockString += '<span class="stockPrice">' + stockInfo.l + '</span>';
            stockString += '<span class="stockChange">' + stockInfo.c + '</span>';
            stockString += '</div>';
            $('.stockNasdaq').prepend(stockString);
        });
    }

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="stockNasdaq"></div>