如何在jquery追加中添加元素

Question

我想在单击按钮后添加元素，如下所示：当我单击“计划”按钮元素文本时，当我单击“议程”按钮元素时，议程元素将一个接一个地出现，但是在我的代码中，当元素文本> 1时，当我单击“议程”按钮时元素议程将循环播放，我的代码如下： https : //jsfiddle.net/vtdas7x2/1/

我想这样：

Text 1

agenda 1

Text 2

agenda 2

Text 3

agenda 3

Answer 1

你有click event的内部议程click event在文本字段内。 我在这里更新了小提琴：

https://jsfiddle.net/586uLawz/1/

Answer 2

移动

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

超出其父功能； 所有脚本如：

 var total = 0; $("#add-schedule").click(function() { if (total<10) { total = total + 1; field_day = '<p>Text '+total+'</p><div id="box-agenda-'+total+'"></div>'; $("#box-schedule").append(field_day); } }); $("#add-agenda").click(function() { field_agenda = '<p>agenda '+total+'</p>'; $("#box-agenda-"+ total +"").append(field_agenda); }); 

 <script src="https://code.jquery.com/jquery-2.2.1.min.js" integrity="sha256-gvQgAFzTH6trSrAWoH1iPo9Xc96QxSZ3feW6kem+O00=" crossorigin="anonymous"></script> <div id="box-schedule"></div> <button id="add-schedule">Schedule</button> <button id="add-agenda">Agenda</button> 

Answer 3

在用于议程的click事件中，只需放置一个if语句即可检测该框是否已包含议程元素。 如果不输出。