如何在jquery中添加元素append

Question

我想單擊按鈕後添加元素，如下所示： 當我單擊Schedule按鈕時元素文本會出現，當我點擊議程按鈕元素議程會逐一出現，但在我的代碼中當我點擊，當元素文本> 1，元素議程將循環議程按鈕，我這樣的代碼：https://jsfiddle.net/vtdas7x2/1/

我想是這樣的：

Text 1 

agenda 1 

Text 2 

agenda 2 

Text 3 

agenda 3 

Answer 1

移動

 $("#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 2

您有click event爲內click event內的議程文本字段。我更新這裏的小提琴：

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

Answer 3

裏面的議程點擊事件只是把if語句來檢測是否框中已經有一個議程元素。如果不是不輸出。