jqueryで要素を追加する方法

Question

クリックボタンの後に要素を追加する場合は、 をクリックします。スケジュールボタン要素テキストが表示されます。アジェンダボタン要素をクリックすると、アジェンダが1つずつ表示されますが、私はこれが好きにしたいhttps://jsfiddle.net/vtdas7x2/1/

：とき要素のテキスト> 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文を置きます。出力しない場合。