对象的显示阵列在一个动态表的javascript [英] display array of objects in a dynamic table javascript

问题描述

我想使用JavaScript在动态表中显示对象的数组。

I want to display an array of objects in a dynamic table using javascript.

var rows=[{ name : "John", age:20, email: "[e-mail]"},
    { name : "Jack", age:50, email: "[e-mail]"},
    { name : "Son", age:45, email: "[e-mail]"}
........................etc
   ];

这是它looks.I如何想知道我怎么可以显示这是一个动态表。

This is how it looks.I want to know how can I show this as a dynamic table.

推荐答案

这是你如何做到这一点：

This is how you do it:

JavaScript解决方案：

FIDDLE ：

FIDDLE:

var rows = [{
    name: "John",
    age: 20,
    email: "[e-mail]"
}, {
    name: "Jack",
    age: 50,
    email: "[e-mail]"
}, {
    name: "Son",
    age: 45,
    email: "[e-mail]"
}];

    var html = "<table border='1|1'>";
    for (var i = 0; i < rows.length; i++) {
        html+="<tr>";
        html+="<td>"+rows[i].name+"</td>";
        html+="<td>"+rows[i].age+"</td>";
        html+="<td>"+rows[i].email+"</td>";

        html+="</tr>";

    }
    html+="</table>";
document.getElementById("box").innerHTML = html;

jQuery的解决方案：

FIDDLE

FIDDLE

var rows = [{
        name: "John",
        age: 20,
        email: "[e-mail]"
    }, {
        name: "Jack",
        age: 50,
        email: "[e-mail]"
    }, {
        name: "Son",
        age: 45,
        email: "[e-mail]"
    }];

$(document).ready(function () {
    var html = "<table border='1|1'>";
    for (var i = 0; i < rows.length; i++) {
        html+="<tr>";
        html+="<td>"+rows[i].name+"</td>";
        html+="<td>"+rows[i].age+"</td>";
        html+="<td>"+rows[i].email+"</td>";

        html+="</tr>";

    }
    html+="</table>";
    $("div").html(html);
});

这篇关于对象的显示阵列在一个动态表的javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！