如何使用jQuery创建具有唯一ID的可重复表

How to create repeatable table with unique ID's using jQuery

本文关键字：ID 唯一 jQuery 何使用 创建      更新时间：2023-09-26

我需要创建一个可以"复制"并填充一组新数据的表结构。但是，每个表必须具有稍后必须访问它们的函数的唯一 ID。例如：

<table class="main">
    <thead><tr><th class="header"></th></tr></thead>
    <tbody>
        <tr class="row"><td class="col0"></td><td class="col1"></td></tr>
    </tbody>
</table>

我目前的想法是使用 jQuery 将表从单独的 html 文件加载到变量中。然后，使用此保存的表，我可以创建一个函数来复制它，遍历该表以将 ID 添加到需要从单独的数据源追加信息的每个部分，并返回此新表。

我是jQuery的新手，觉得我可能错过了更简单/更好的方法来实现这一目标。关于这个问题的任何帮助将不胜感激。

您可以像这样克隆表行 http://jsfiddle.net/ambiguous/LAECx/但请记住使用数据库 id 等唯一值设置 id 属性，然后在编辑单击时，您可以获取您设置的 id 值并使用它来删除或更新。我建议你看看jquery中的DOM主题。

假设您通过 ajax 获取数据，您可以使用它来设置唯一 id 

for(var i = 0; i < data.length; i++) {
       var item = data[i];
       $('.client-content').append("<li id='"+item [0]+"'>"+"<b>"+i +"</b>" + " : " +item[0] + " : " + item[1]+"<a href='#' class='link-right'>Edit</a>" + "<a href='#' class='link-right'>Delete</a>"+"</li>" + "<br/>");

希望有帮助。

相关文章：