【问题标题】:Taking data from an array to table rows and column using jquery使用jquery将数据从数组中提取到表行和列
【发布时间】:2015-04-15 09:02:29
【问题描述】:

大家好,我在使用 jquery 将数组数据放入表列和行时遇到问题,请在此处查看我的代码 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);

【问题讨论】:

    标签: jquery html arrays html-table


    【解决方案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);
    

    注意:您使用的是$(&lt;td&gt;),但使用$(&lt;td/&gt;) 并删除$('tbody#firstraw') 之间的空格

    Demo

    【讨论】:

    • 您可以在每个 td 附加后放置 $('&lt;td&gt;').appendTo(tr); 以与标题标签对齐。见this
    猜你喜欢
    • 2012-05-27
    • 2021-02-04
    • 1970-01-01
    • 1970-01-01
    • 2012-04-25
    • 1970-01-01
    • 1970-01-01
    • 2021-10-06
    • 1970-01-01
    相关资源
    最近更新 更多