Question

我是JavaScript的新手，只是学习它的基础知识。我正在做一个示例程序并创建一个javascript程序，以在div中的html页面中显示一些数据。但它不是动态的。我有一些值，如姓名，地址，年龄和少数员工的状态，并在用html页面显示上述详细信息的用户名登录。这是一个简单的程序。

我想要做的是，我想动态增加div或表的大小，我可以显示使用的详细信息，如地址，年龄，状态等。如果某些用户有更多详细信息，那么我想添加在html页面中。我该怎么做？？在home.jsp我有以下代码。

<table>
    <div id="name1" width:400px;"></div>
    <div id="address1" width:400px;"></div>
    <div id="age1" width:400px;"></div>
    <div id="status1" width:400px;"></div>
</table>

这是我在home.js中使用的功能

function(json)
{   
    var content= $('#name1').replaceWith('<tr><td> Name: ' + json.name + '<tr><td>');
    var content= $('#address1').replaceWith('<tr><td> Name: ' + json.address + '<tr><td>');
    var content= $('#age1').replaceWith('<tr><td> Name: ' + json.age + '<tr><td>');
    var content= $('#status1').replaceWith('<tr><td> Name: ' + json.status + '<tr><td>');
}

Answer 1

首先，你需要做一个循环，然后

您必须使用append() ex。

$( "#your_div_id" ).append( "<tr><td> your_label: ' + json.your_values + '<tr><td>'" );

Reference Link

Answer 2

您必须阅读JQuery api Document。

url：http://api.jquery.com/append/

也许您使用了.append()，.toAppend()，.prepand()，.after()等。

代码示例（.after（））

$('#table' tr:last).after('<tr><th width="10%">' + //your code here // + '</th></tr>');

Answer 3

首先，你需要改变你HTML喜欢，

<table>
    <tr id="name1"></tr>
    <tr id="address1"></tr>
    <tr id="age1"></tr>
    <tr id="status1"></tr>
</table>

如果您的json有效，那么您可以使用append()之类的，

$('#name1').append('<td> Name: ' + json.name + '</td>');
$('#address1').append('<td> Address: ' + json.address + '</td>');
$('#age1').append('<td> Age: ' + json.age + '</td>');
$('#status1').append('<td> Status: ' + json.status + '</td>');

<强> Live Demo

在javascript中动态增加HTML表的行大小

3 个答案: