JSFiddle - React, Tailwind, and code Playground

by inDiscover

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<table>	
<div id="bkup_docs"> 
            	<tr>
            		<td>
                    <input type="file" id="p_new" name="p_new_1" />
                    
    <a href="#" id="addNew">Add</a>
            	</td>  	
            	</tr>
                <tr>
            		<td>&nbsp;</td>
            		
            	</tr>
                </div>
                </table>

JavaScript

$(function() {
var addDiv = $('#bkup_docs');
var i = 2;
//alert("before "+i);
$('#addNew').click(function() {
$('<tr><td><input type="file" id="p_new" name="p_new_' + i +'" /><a href="#" id="remNew">Remove</a></td></tr>').appendTo(addDiv);
if( i >= 2 ){
i++; }
//alert("after "+i);
return false;
});

$(document).on('click', '#remNew', function() {
if( i >= 2 ) {
$('#remNew').parents('tr').remove();
i--;
}
return false;
});
});