jquery에 요소를 추가하는 방법

Question

다음과 같이 버튼을 클릭 한 후 요소를 추가하고 싶습니다. 일정 버튼을 클릭하면 요소 텍스트가 표시되고 Agenda 버튼 요소를 클릭하면 Agenda가 하나씩 표시되지만 코드는 하나씩 표시됩니다. 내가 요소의 텍스트> 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

은 놓여져있는 상자가 이미 의제 요소가있는 경우 문을 감지하는 경우. 출력하지 않으면.