Javascript 从提示符（jQuery）添加带有变量的列表项（Div）

我正在处理一个课堂作业，每个“添加任务”按钮都需要显示一个提示（我已经完成了），输入的项目需要添加到相应列表的底部

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

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

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

---

这是通过JSFIDLE解决的问题：

这是您想要的，试试这个。您需要做的是使用方法，并使用变量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>');
});

$（“#添加1”）。单击（函数（）{
var item1=prompt（“您希望给Kelly什么任务？”）；
$（“#雇员1”）。追加（“”+item1+”
”）；
});
$（“#添加2”）。单击（函数（）{
var item2=prompt（“您希望给Estelle什么任务？”）；
$（“#雇员2”）。追加（“”+item2+”
”）；
});

您知道您可以（应该）将HTML、CSS和JS直接放在您的问题中吗？您仍然可以像JSFIDLE一样运行它。您应该明确地展示您在

appendTo

上的尝试，并描述它是如何做不到您想要的事情的。我注意到大多数人倾向于使用JSFIDLE，但并不知道这是不正确的。诺里哈兹梅回答得很好，所以我认为没有伤害也没有犯规。这很完美。出于某种原因，我打了那封信，但没有正确通过。我想我把“and”搞乱了。没有关闭正确的“yadda yadda”。你应该查看提供的示例，逐行查看差异，并将其放入实际代码中。