jquery值插入表

时间:2012-02-29 13:58:52

标签: jquery jquery-ui

下面是我的表格结构如何以下面的格式附加数据

格式

<tr> <td>zzz</td> <td> ppp </td> </tr>

<div id="users-contain" class="ui-widget">

    <table id="users" class="ui-widget ui-widget-content">
    <thead>
        <tr class="ui-widget-header ">
            <th>Name</th>
            <th>Email</th>
            <th>Password</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>fdgfdgfg</td>
            <td>avc@example.com</td>
            <td>vbvcbvb</td>
        </tr>
    </tbody>
</table>
</div>

4 个答案:

答案 0 :(得分:3)

您可以使用jQuery直接创建HTML元素:

$("<tr><td>MyName</td><td>my@email.com</td><td>myPassword</td></tr>").appendTo("#users tbody");

注意:在您的格式中,您错过了第三列:密码

答案 1 :(得分:1)

$('<tr> <td>zzz</td> <td> ppp </td> </tr>').appendTo('#users tbody');

答案 2 :(得分:1)

这将为您的表添加一个新行

$("#users tbody").append('<tr><td>name</td><td>email@domain.com</td><td>password</td></tr>');

答案 3 :(得分:1)

$('#users tbody').append('<tr> <td>zzz</td> <td> ppp </td> </tr>');

只要你在字符串中有一个完整的html元素,你只需追加该字符串

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