JSFiddle - React, Tailwind, and code Playground

HTML

<form method="post" action="#" id="form_ajout_arbre">

<div  class="arbre_bloc">
	
			<p>Nom : <input type="text" name="nom"></p>
      <p>Parent : <select name="parent"><option value="0">- Aucun -</option><option value="1">- Parent 1 -</option></select></p>
		   <p>RĂ©ponse : <input type="text" name="reponse"></p>
		   <p>Solution</p> <textarea rows="4" cols="50"></textarea>
		   <p><button class="add_field_button">Ajouter un enfant</button></p>
			
		   </div>
			<p><input type="submit" value="Envoyer" /></p>
	
	</form>

CSS

.arbre_bloc {
  background-color: #E2EBF0;
  font-size: 13px;
  margin: 10 auto;
  padding: 15px;
  border: 1px solid #000;
}

JavaScript

$(document).ready( function() {
 					
					var max_fields      = 100; //maximum input boxes allowed
					var wrapper         = $(".arbre_bloc"); //Fields wrapper
					var add_button      = $(".add_field_button"); //Add button ID
					
					var x = 0; //initlal text box count
					$(add_button).click(function(e){ //on add input button click
						e.preventDefault();
						if(x < max_fields){ //max input box allowed
							x++; //text box increment
							   $(this).parent().parent().clone(true).insertAfter($(this).parent())
							   .attr("id", "enfant-" +  x);
						}
					});	
            });