Question

我希望创建这样的东西：

<table>
    <tr>
         <td><div><font>ID</font></div></td>
         <td><div><font>Name</font></div></td>
    </tr> 
</table>

Answer 1

我不喜欢在我的Javascript中使用HTML，所以这就是我喜欢将jQuery与模板一起使用的方法：

在我的HTML中：

<script id="hidden-template" type="text/x-custom-template">
    <tr>
         <td><div><font>ID</font></div></td>
         <td><div><font>Name</font></div></td>
    </tr> 
</script>

在我的Javscript中：

var template = $('#hidden-template').html();

$('.add').click(function() {
    $('#targetTable').append(template);
});

所以你有一个“add”类的按钮，它会将模板中的HTML添加到<table id="targetTable">

如何使用javascript或jquery在表中创建多个元素

1 个答案: