jQuery addClass example

Change class name on click in jQuery

by Dmitri Ganenco

HTML

<table id="myTable"></table>

<button id='addBtn'>+</button>
<button id='doneBtn'>Done</button>

JavaScript

const $table = $('#myTable');

$('#addBtn').on('click', function() {
  let tr = $('<tr>');
  let td1 = $('<td>');
  let td2 = $('<td>');
  let input = $('<input>', {
    type: 'text',
    class: 'table-data'
  });

  td1.append(input.clone());
  td2.append(input.clone());

  tr.append(td1);
  tr.append(td2);
  $table.append(tr);
});

$('#doneBtn').on('click', function() {
  $table.find('input').each(function() {
		console.log($(this).val());
  });
});