0

我需要创建一个可以“复制”并填充一组新数据的表结构。但是，对于以后必须访问它们的函数，每个表都必须具有唯一的 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 新手，感觉我可能错过了一种更简单/更好的方法来实现这一点。对此主题的任何帮助将不胜感激。

4

1 回答 1

0

您可以像这样克隆表行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/>");

希望有帮助。

于 2012-07-03T15:39:51.540 回答