Question

我正在尝试使用javascript股票代码来运行，但是我的javascript知识还处于初级水平。

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

第二部分是尝试以表格格式显示数据，列工作但我不能让jquery用实时日期填充最后一列：（。

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

附件是当前的jsfiddle：

感谢您的帮助。

<div class="haul" data-symbol="PIG" data-title="HAULOTTE"></div>
<div class="ashtead" data-symbol="AHT" data-title="ASHTEAD"></div>
<div class="united" data-symbol="URI" data-title="UNITED RENTALS"></div>
<div class="terex" data-symbol="TEX" data-title="TEREX"></div>
<div class="cat" data-symbol="CAT" data-title="CATERPILLER"></div>
<div class="hees" data-symbol="HEES" data-title="H&E EQUIPMENT"></div>
<div class="pal" data-symbol="PAL" data-title="PALFINGER "></div>
<br>
    <br>
        <b>Replicate above code but in table format. cant get live data to appear</b>
        <br>
            <br>

        <div class="box">
<div class="floatleft2 " style="padding:5px;">
    <div>HAULOTTE</div>
    <div>ASHTEAD</div>
    <div>UNITED RENTALS</div>
    <div>TEREX</div>
</div>
<div class="stockSymbolnew" style="padding:5px;">
      <div><b>PIG</b></div>
      <div><b>AHT</b></div>
      <div><b>URI</b></div>
      <div><b>TEX</b></div>
</div>
<div class="floatleft2" style="padding:5px;">
    <div><i>GET live data</i></div>
      <div><i>GET live data</i></div>
      <div><i>GET live data</i></div>
      <div><i>GET live data</i></div>
</div>
</div>

Answer 1

我已更新您的jsfiddle，以使其按预期工作。

我所做的就是动态填充下面div中的值。

为div提供了ID，以便我们可以附加值。

<div id="title" class="floatleft2 " style="padding:5px;">

</div>
<div id="symbols" class="stockSymbolnew" style="padding:5px;">

</div>
<div id="liveData" class="floatleft2" style="padding:5px;">

</div>

使用jquery的附加值如下所示。

$("#title").append("<div>" + divContainer.data('title') + "</div>");
$("#symbols").append("<div><b>" + stockInfo1.t + "</b></div>");
$("#liveData").append("<div>" + stockChange + "</div>");

注意：项目的顺序因请求而异，因为对Google财务的获取调用是异步的

<强>更新

我已根据您的评论更新了答案。

请找到更新的jsfiddle here。为了修复记录的顺序，我们应该有适当的元素和一些标识符来设置元素的值。为此，请向div提供显示实时数据的ID，如下所示。

<div class="floatleft2" style="padding:5px;">
      <div><i id="liveDataPIG"></i></div>
      <div><i id="liveDataAHT"></i></div>
      <div><i id="liveDataURI"></i></div>
      <div><i id="liveDataTEX"></i></div>
      <div><i id="liveDataCAT"></i></div>
      <div><i id="liveDataHEES"></i></div>
      <div><i id="liveDataPAL"></i></div>
</div>

并更新js以提供这样的值。

$("#liveData" + stockInfo1.t).html(stockPrice + stockChange);

如果您熟悉jquery选择器的工作方式，那么理解它应该非常简单。

如果没有，请参阅https://api.jquery.com/category/selectors/basic-css-selectors/。这将给你一个基本的想法。其他选择器可以在https://api.jquery.com/category/selectors/找到。

获取jquery数据以填充表列

1 个答案: