如何附加到动态创建的表。

时间:2015-11-03 11:39:33

标签: jquery

我正在从JSON数组创建一个表。

创建表格后,我想在表格中附加注释,如下面的链接

所示

http://www.nasdaq.com/markets/us-economic-calendar.aspx

(在页面底部,右侧)

你会发现这个

市场移动指标

值得特别注意

我想做同样的事情

这是我的代码

function displayfruitsdata()
{
    var itemshtml = '<table class="table table-striped">';
        for (var i = 0; i < fruitsdata.length; i++)
        {
            var decideclass = fruitsdata[i].color;
            if (decideclass === 'red')
            {
                decideclass = 'indicator_red';
            }
            else if (decideclass === 'green')
            {
                decideclass = 'indicator_green';
            }
            else
            {
                decideclass = 'empty';
            }

            itemshtml += ' <tr>\
            <td>' + fruitsdata[i].name + '</td>\
            <td class="'+decideclass+'">' + fruitsdata[i].color + '</td>\
        </tr>';
        }
        itemshtml += '</table>';

    $("#divdata").html(itemshtml);
}

http://jsfiddle.net/5wk8twvb/5/

你能告诉我如何在创建表后附加到表中。

2 个答案:

答案 0 :(得分:0)

您可以:

  • itemshtml存储在外部/全局范围内,附加到它,然后再次致电$("#divdata").html(itemshtml);
  • 在您存储要添加到$("#divdata").append(newItemsHtml)的标记后,
  • 使用appendnewItemsHtml

答案 1 :(得分:0)

$( “表 ”)附加(“ 新”);

或者如果你有多个表类

,你可以在表中添加id

$( “#mtable”)附加( “新”);