Javascript 从数据结构到表的JS输出_Javascript_Html Table

Javascript 从数据结构到表的JS输出

javascript

Javascript 从数据结构到表的JS输出,javascript,html-table,Javascript,Html Table,数据结构 var X = { a: [{name:"john", phone:777},{name:"john", phone:777},{name:"john", phone:777}], b: [{name:"john", phone:777},{name:"john", phone:777},{name:"john", phone:777}], c: [{name:"john", phone:777},{name:"john", phone:777},{name:"joh

数据结构

var X = {
   a: [{name:"john", phone:777},{name:"john", phone:777},{name:"john", phone:777}],
   b: [{name:"john", phone:777},{name:"john", phone:777},{name:"john", phone:777}],
   c: [{name:"john", phone:777},{name:"john", phone:777},{name:"john", phone:777}],
   d: [{name:"john", phone:777},{name:"john", phone:777},{name:"john", phone:777}]
}

作用

function showTable(trnum,X,a) {
    var Tablecode = "<table><tbody>";
    for (var i=0; i< X.a.length;i++) {
        for (var j=0; j< trnum; j++) {
            Tablecode += "<tr><td>"+X.a[i].name+"</td><td>"+X.a[i].phone+"</td></tr>";
        }
    }
    Tablecode += "</tbody></table>";
    $("#elem").append(Tablecode);
}

函数显示表（trnum，X，a）{
var Tablecode=“”；
对于（变量i=0；i


加价
<body>
    <button onclick="showTable(4,X,"a");"></button>
    <div id="elem">
    </div>
</body>



我正试图根据字母将数据输出到表中。一个表行上的一个对象。（表中的所有对象在一个字母内）。此代码不起作用-意外的令牌“}”
。奇怪的是，它指向
行。但是没有这样的性格！我怎样才能解决这个问题
更新：谢谢，错误消失了。。。但是它输出整个结构，如何使它只输出“a”对象
<button onclick="showTable(4,X,"a");"></button>

通过将代码扔进小提琴并让它运行，我注意到您的按钮是一个失败点。你必须用单引号把“a”括起来

编辑：此外，编辑输出代码增加了实际查看其是否有效的功能。
双引号用于分隔onclick和其中的参数
试一试

谢谢，错误消失了。。。但是它输出整个结构，我如何使它只输出“a”对象呢？12因为X[a]长度（=3）*trnum（=4）=12。。有机会解决这个问题吗？？若要仅获取3个（在“a”下）johns？？是，请在Tablecode+=…
之后删除（var j=0；j
和}
。完成此操作后，还可以更改：showTable（4，X，'a'）至<代码>显示表（X，'a'）和函数显示表（trnum，X，a）{
对于函数显示表（X，a）{非常感谢！！你搞定了！！：）对不起，我有最后一个问题：如何在第一次单击后禁用按钮？？使其可单击但在第一次单击后不可执行？？
<button onclick="showTable(4,X,'a');"></button>

for (var i=0; i< X[a].length;i++){
 for (var j=0; j< trnum; j++){
 Tablecode += "<tr><td>"+X[a][i].name+"</td><td>"+X[a][i].phone+"</td></tr>";
 }

}

<button onclick="showTable(4,X,'a');">