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

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>

在我的 JavaScript 中：

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

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

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