Question

我正在构建一个允许向列表中添加任务的应用程序，我想添加一个编辑按钮，允许用户编辑列表中的每个项目，然后保存或删除修改的项目。基本上我希望我的.append代码附加一个＆＃34;编辑＆＃34;按钮到每一行。

这是我目前的.append代码

textColor

Answer 1

我不知道我是否理解这个问题，但我认为这应该做你喜欢的事。

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函数。例如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;开始，然后每次添加加号

添加＆＃34;编辑＆＃34;按钮与jQuery .append

1 个答案: