Add Button Example

Add button to add rows, delete button on each row.

by Ben Clayton

HTML

<button id="but1">
  Add
</button>
<div class="mylist">

</div>

JavaScript

// runs on document ready

var count = 1;
if ($("#but1").length) {
  $("#but1").on('click', function() {
    $(".mylist").append("<div>" + count + " Name <input /> - Age <input /><button title=\"Delete item\" class=\"delete\">-</button></div>");
    count++;
  });
} else {
  console.error("ran js before body was rendered")
}

$(".mylist").on('click','.delete', function(ev) {
 $(ev.target).parent().remove();
});