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

Adding List Item (Div) with a Variable from a Prompt (jQuery)

本文关键字：列表 Div 变量 提示 jQuery 添加      更新时间：2023-09-26

我正在处理一个类分配，每个"添加任务"按钮都需要显示一个提示（我已经完成了），输入的项目需要添加到相应列表的底部。

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

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

以下是通过JSFiddle的问题：此处

这就是你想要的，试试这个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>');
});
相关文章：