将Javascript变量移动到Html表中

我找到这个来创建一个股票代码。 我试着把它改成一个html表格，但我被卡住了。 所以，我创建了这个表，但是划分每个变量有很大的问题。 我要完成的是一个具有以下列顺序的表：

符号：CompName 价格：价格 更改：价格图标+技术价格 %：技术价格百分比 我现在所做的就是，由于变量StockTickerHTML，所有内容都集中在一个专栏中 完整代码 你能帮帮我吗

---

一种解决办法是： 请参见代码中的注释

$window.loadfunction{ 股票价格； 设置间隔函数{ 股票价格；

---

}，2*1000；//一种解决方案可以是： 请参见代码中的注释

$window.loadfunction{ 股票价格； 设置间隔函数{ 股票价格；

---

}，2*1000；//我想我一定能写这段代码，非常感谢你的评论，非常有用。我有一个问题：我把你的第一个javascript包含在我的头中，当然，代码的第二部分包含在标记中，第三部分包含在…结果是包含所有css的表中，但我没有看到javasjavascript，所以表是空的…这可能是什么？以前从未遇到过这个问题。很高兴这段代码能帮助您！最好在文档末尾的结束标记之前添加javascript，另一件要检查的事情是您插入了jQuery。检查一下，然后回来告诉我您的位置正确：我移动了整个javascr我的错，很抱歉给您带来不便，再次感谢您的宝贵帮助。最后一个问题：您认为有了您宝贵的代码，可以为列的每一行添加背景色吗？当第一行tr有背景色，第二行tr有背景色时，我将有一个表另一种颜色，等等…？这不仅仅是一个简单的css，我想我已经在尝试是的，这是css，我已经更新了我的答案以反映你的需要：tbody tr:nth childodd{背景色：EEE；}我想我一定能写这段代码，非常感谢你的评论，非常有用。我有一个问题：我把你的第一个javascript包含在我的头中，当然，代码的第二部分包含在标记中，第三部分包含在…结果是表中有所有的css，但我没有看到javascript，所以able是空的…这可能是什么？以前从未遇到过这个问题。很高兴这段代码能帮助您！最好在文档末尾的结束标记之前添加javascript，另一件要检查的事情是您插入了jQuery。检查一下，然后回来告诉我您的位置正确：我在底部移动了整个javascript我的错，很抱歉给您带来不便，再次感谢您宝贵的帮助。最后一个问题：您认为使用您宝贵的代码可以为列的每一行添加背景色吗？当第一行tr具有背景色，第二行具有另一种颜色时，我将拥有一个表格，等等…？这不仅仅是一个简单的css，我想我已经在尝试是的，这是css，我已经更新了我的答案来反映你的需要：tbody tr:nth childodd{背景色：EEE；}

    var CNames = "^FTSE,FTSEMIB.MI,^IXIC,^N225,^HSI,EURUSD=X";
    var flickerAPI = "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22" + CNames + "%22)&env=store://datatables.org/alltableswithkeys";
    var StockTickerHTML = "";


    var StockTickerXML = $.get(flickerAPI, function(xml) {
        $(xml).find("quote").each(function () {
            Symbol = $(this).attr("symbol");
            $(this).find("Name").each(function () {
                CompName = $(this).text();
            });
            $(this).find("LastTradePriceOnly").each(function () {
                Price = $(this).text();
            });
            $(this).find("Change").each(function () {
                ChnageInPrice = $(this).text();
            });
            $(this).find("PercentChange").each(function () {
                PercentChnageInPrice = $(this).text();
            });

            var PriceClass = "GreenText", PriceIcon="up_green";
            if(parseFloat(ChnageInPrice) < 0) { PriceClass = "RedText"; PriceIcon="down_red"; }
            StockTickerHTML = StockTickerHTML + "<span class='" + PriceClass + "'>";
            StockTickerHTML = StockTickerHTML + "<span class='quote'>" + CompName + " </span> ";
            StockTickerHTML = StockTickerHTML + parseFloat(Price).toFixed(2) + " ";
            StockTickerHTML = StockTickerHTML + "<span class='" + PriceIcon + "'></span>" + parseFloat(Math.abs(ChnageInPrice)).toFixed(2) + " (";
            StockTickerHTML = StockTickerHTML + parseFloat( Math.abs(PercentChnageInPrice.split('%')[0])).toFixed(2) + "%)</span> </br>";
        });

        $("#dvStockTicker").html(StockTickerHTML);
        $("#dvStockTicker").jStockTicker({interval: 30, speed: 2});
    });
}