JSFiddle - React, Tailwind, and code Playground

by PeteUh

HTML

<div id="meta_inner" class="gallery">
    <div id="medias">
        <label for="test_meta_boxes1">
            <input id="test_meta_boxes1" type="text" size="100" name="ad_image" value="http://"
            />
            <input class="button test_meta_boxes_button" type="button" value="Upload Image"
            data-int="test_meta_boxes1" />
        </label>
    </div>
    <input class="button tagadd add" type="button" value="Add Image Field" />
</div>

JavaScript

var count = $("#medias").children('label').length;
$(".tagadd").click(function () {
    count++;
    $('#medias').append('<label for="test_meta_boxes' + count + '" ><input id="test_meta_boxes' + count + '" type="text" size="100" name="ad_image" value="http://" /></label>');
    $('#test_meta_boxes' + count).after(
        $("<input />")
            .attr({
                type: 'button',
                value: 'Upload Image',
                'data-int': 'test_meta_boxes' + count 
            })
            .addClass('button test_meta_boxes_button')
    );
    return false;
});

$(document).on('click', 'label .test_meta_boxes_button', function(e) {
    metabox = $(this).data('int');
    console.log(metabox);
});