如何使用jQuery創建具有唯一ID的可重複表格

我需要創建一個表格結構，可以「複製」並填充一組新數據。但是，每個表必須具有唯一的ID，用於稍後必須訪問它們的功能。例如：如何使用jQuery創建具有唯一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的新手，覺得我可能會錯過一個更簡單/更好的方法來完成這個任務。任何有關這個問題的幫助將不勝感激。

來源

2012-07-03 milbert

你的例子不包含任何'id'。你的jQuery代碼在哪裏？你有什麼嘗試？你想完成什麼_exactly_？可能比從變量注入'table'更好。 – Sparky

你想添加id到哪個元素？ – maxhud

你可以像這樣克隆表格行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-03 15:39:51 Gandalf

如何使用jQuery創建具有唯一ID的可重複表格

回答

相關問題