Question

我正在尝试使用Javascript股票代码来运行，但是我的Javascript知识还处于初级水平 - 但我正在学习！

当前代码使用Google财经API提取实时库存数据。
它会查看股票的首字母缩略词并打印完整的公司名称
并有一些不同的造型

我想要完成的是将股票数据打印成列，我似乎无法在html中执行此操作，在查看Javascript表后，我认为这需要以Javascript编写。

我需要创建3列; 1代表股票名称，例如（HAULOTTE），一个用于股票acroynm，例如（PIG），一个用于现货数据。这将确保每个股票数据行与其上方和下方保持平行。

附件是当前的jsfiddle：

var gstock = ["EPA:PIG","LON:AHT","NYSE:URI","NYSE:TEX" ,"NYSE:CAT", "NASDAQ:HEES", "NASDAQ:MNTX", "VIE:PAL" ];
$(document).ready(function () {
       for (var i = 0; i < gstock.length; i++) {
        $.getJSON("https://finance.google.com/finance/info?client=ig&q="+gstock[i]+"&callback=?", function (response) {
            var stockInfo1 = response[0];
            var divContainer =  $('*[data-symbol="' + stockInfo1.t +'"]');

            var stockString1 = '<div class="stockWrapper">' + divContainer.data('title') + ':';
            var stockName1 = stockInfo1.t;             
            stockString1 += '<span class="stockSymbol "> '  +  stockInfo1.t + ' </span>';
            stockString1 += '<span class="stockPrice "> '  +  stockInfo1.l  + '</span>';
            stockString1 += '<span class="stockChange "> '  +  stockInfo1.c + '</span>';
            stockString1 += '</div>';
            divContainer.append(stockString1);

        });
    }
});

Answer 1

这是一个基本的列示例，可以帮助您顺利进行。它模仿了我对你所要求的请求的理解。一般想法：嵌套div s，设置列width，并使用float: left作为正确的容器div。

HTML：

<div class="box">
<div class="floatleft2 " style="padding:5px;">
    <div>Stock Name Info</div>
    <div>Stock Name Info</div>
    <div>Stock Name Info</div>
    <div>Stock Name Info</div>
</div>
<div class="floatleft2" style="padding:5px;">
    <div>Symbol Info</div>
    <div>Symbol Info</div>
    <div>Symbol Info</div>
    <div>Symbol Info</div>
</div>
<div class="floatleft2" style="padding:5px;">
    <div>Figure Info</div>
    <div>Figure Info</div>
    <div>Figure Info</div>
    <div>Figure Info</div>
</div>
</div>

CSS：

.box {width:800px; margin:auto; }
.floatleft2 {float: left; width: 150px; margin:5px; }

为股票代码创建Javascript表

1 个答案: