条件 Glyphicon 使用 Jquery 用于股票价格使用 Google 财务

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>

条件 Glyphicon 使用 Jquery 用于股票价格使用 Google 财务

Conditional Glyphicon using Jquery for Stock Price using Google Finance

jquery

stock