Javascript 如何在jqueryappend中添加元素

我想在单击按钮后添加元素，如下所示： 当我单击日程按钮时，元素文本将出现，当我单击议程按钮时，元素议程将逐个出现，但在我的代码中，当我单击议程按钮时，元素文本>1时，元素议程将循环，我的代码如下：

Text 1

agenda 1

Text 2

agenda 2

Text 3

agenda 3

我想这样：

Text 1

agenda 1

Text 2

agenda 2

Text 3

agenda 3

---

您在文本字段的

单击事件

中有议程的

单击事件

。我在这里更新了小提琴：

---

您在文本字段中的

单击事件

中有议程的

单击事件

。我在这里更新了小提琴：

移动

        $("#add-agenda").click(function() {
            field_agenda = '<p>agenda '+total+'</p>';
               $("#box-agenda-"+ total +"").append(field_agenda);
        });

$（“#添加议程”）。单击（函数（）{
字段_agenda='agenda'+total+'
'；
$（“#方框议程-“+total+”）。追加（字段议程）；
});

脱离其父功能； 所有脚本，如：

var总计=0；
$（“#添加计划”）。单击（函数（）{
如果（总Move

$（“#添加议程”）。单击（函数（）{
字段_agenda='agenda'+total+'
'；
$（“#方框议程-“+total+”）。追加（字段议程）；
});

脱离其父功能；
所有脚本，如：


var总计=0；
$（“#添加计划”）。单击（函数（）{
如果（total在您的click event for agenda中放入一条if语句，以检测框中是否已经有议程元素。如果没有，则不输出。
在您的click event for agenda中放入一条if语句，以检测框中是否已经有议程元素。如果没有，则不输出。
在OP中包含代码或在snippetI inserted链接jsfid中创建演示dle在OP中包含代码，或者在snippetI中创建一个演示，在其上插入链接JSFIDLE