使用提示符中的变量添加列表项（Div）（jQuery）

Question

我正在进行课堂作业，以及每个＆＃34;添加任务＆＃34;按钮需要有一个提示显示（我已经完成），输入的项目需要添加到相应列表的底部。

我已经尝试了appendTo和append选项，但我不知道如何将我的变量item1和item2附加到各自的列表中。

$("#add1").click(function(){
    var item1 = prompt ("What task would you like to give Kelly?");
});

通过JSFiddle来解决这个问题：here

Answer 1

这是你想要的，试试这个Fiddle。您需要做的是使用.append()方法并使用变量 item1 和 item2 将其附加为以下代码：

 $("#add1").click(function(){
    var item1 = prompt ("What task would you like to give Kelly?");
    $('#employee1').append('<div class="ui-state-default"><p>'+item1+'</p></div>');
});

$("#add2").click(function(){
    var item2 = prompt ("What task would you like to give Estelle?");
    $('#employee2').append('<div class="ui-state-default"><p>'+item2+'</p></div>');
});