使用 jquery 从数组中获取数据到 table 行和列

Question

大家好，我遇到了使用 jquery 将数组数据放入 table 列和行的问题，请在此处检查我的代码 http://jsfiddle.net/Reginald/xs5bnz3g/1/ 我的 jquery 代码是这样的

firttd = ["try error catch","Checkers","2015-04-14","2015-04-30"];//wanna

//put this on the table td and tr

var tbody = $('tbody #firstraw'),
var tr = $('<tr>');
$.each(firttd, function(i, prop) {

    $('<td>').html(firttd).appendTo(tr);  
    });
    tbody.append(tr);

Answer 1

稍作改动，您就完成了

firttd = ["try error catch","Checkers","2015-04-14","2015-04-30"];
var tbody = $('tbody#firstraw'), tr = $('<tr>'); // no need of `var` keyword again after , (comma)
                               ^^^  
$.each(firttd, function(i, prop) {
    $('<td/>').html(prop).appendTo(tr);  // use prop instead of firsttd array
       ^^^^         ^^^
    $('<td/>').appendTo(tr);
});
tbody.append(tr);

并注意：您使用的是 $(<td>)，但改用 $(<td/>) 并删除 $('tbody#firstraw')

之间的 space

使用 jquery 从数组中获取数据到 table 行和列

Taking data from an array to table rows and column using jquery

html

arrays

jquery

html-table

Demo