添加“编辑”使用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

回答

相关问题