JSFiddle - React, Tailwind, and code Playground

by Rich Costello

HTML

<div id="elements">
<div id="Meal_00">
<input type="text" id="Field_00" value="">
</div>
</div>

<button id="btn">button</button>

JavaScript

var current_id = 0;
    $('#btn').click(function(){
        nextElement($('#Meal_00'));
    })
    
    function nextElement(element){
        var newElement = element.clone();
        var id = current_id+1;
        current_id = id;
        if(id <10)id = "0"+id;
        newElement.attr("id",element.attr("id").split("_")[0]+"_"+id);
        var field = $('input', newElement).attr("id");
        $('input', newElement).attr("id", field.split("_")[0]+"_"+id );
        newElement.appendTo($("#elements"));
    }