添加「編輯」使用jQuery按鈕.append

我建立一個應用程序，將允許添加任務列表，我要添加編輯按鈕，這將允許用戶從編輯列表中的每個項目，然後保存或刪除修改的項目。基本上我希望我的.append代碼在每行上附加一個「編輯」按鈕。添加「編輯」使用jQuery按鈕.append

這是我目前的.append代碼

var id_counter = 0; 

if (valid) {function increment(){id_counter++;} increment(); 
     var $task = $("<div class='taskList' id='"+ id_counter +"'><ul class='taskScreen2'><tr>" 
      + "<td><h1>" + type.val() + "</h1></td>" 
      + "<td class='title'><h3>" + title.val() + "</h3></td>" 
      + "<td>" + wordcount.val() + "</td>" 
      + "<td><p>" + description.val() + "</p></td>" 
      + "<td>" + deadline.val() + "</td>" 
      +"<td><button onclick='edit("+id_counter+")'>"+"edit"+"</button></td>" 
      + "</tr></ul></div>" 
     ).appendTo("#tasks2 tbody");

來源

2015-06-14 Senttel

請發表一篇文章lete問題，而不是後續鏈接到另一個問題。 – j08691

我不知道我是否正確地理解這個問題，但我認爲這應該做你喜歡什麼。

if (valid) { 
var $task = $("<tr class='taskList'>" 
    + "<td><h1>" + type.val() + "</h1></td>" 
    + "<td class='title'><h3>" + title.val() + "</h3></td>" 
    + "<td>" + wordcount.val() + "</td>" 
    + "<td><p>" + description.val() + "</p></td>" 
    + "<td>" + deadline.val() + "</td>" 
//new button 
    + "<td><button onclick='edit()'>"+ "Edit" + "</button></td>" 
    + "</tr>" 
).appendTo("#tasks2 tbody");

如果您想根據行採取不同的行爲，可以使用參數調用edit函數。例如編輯（ROW_ID）

編輯

var id_counter 

var $task = $("<tr class='taskList' id='"+ id_counter +"'>"

在代碼中添加了ID和

+"<td><button onclick='edit("+id_counter+")'>"+"edit"+"</button></td>"

的按鈕的代碼

你可以用id_counter = 0;開始，然後每加一加一個

來源

2015-06-14 16:58:32 cs04iz1

謝謝你。我如何定義分別編輯每一行，因爲當新行被創建時，它們都屬於'taskList'類。 – Senttel

這取決於你。作爲一個例子，你可以給每行添加一個Id，然後用這個id作爲參數調用該函數。 – cs04iz1

答案編輯.. – cs04iz1

添加「編輯」使用jQuery按鈕.append

回答

相關問題