jQuery addClass example

Change class name on click in jQuery

HTML

<table id="print-table">
  <tbody>
    <tr class="main-head-table">
      <th>ФИО</th>
      <th>Должность</th>
      <th>Внутренний номер</th>
    </tr>
    <tr>
      <td>wer</td>
      <td>sdf</td>
      <td>10001</td>
    </tr>
    <tr>
      <td>sdf</td>
      <td>sdf</td>
      <td>10002</td>
    </tr>
  </tbody>
</table>

JavaScript

const rows = document.querySelectorAll('#print-table tbody tr')

const table = document.querySelector('#print-table')
const keys = ['name', 'rank', 'phone'];

function getTableData(table, keys) {
	const rows = table.querySelectorAll('tbody tr');

	return Array.from(rows).slice(1).map(row => {
		const columns = row.querySelectorAll('td');
	
	  return keys
  		.reduce((acc, key, index) => {
				const value = columns[index] && columns[index].textContent;

				return {...acc, [key]: value};
			}, {})
	})
}

console.log(getTableData(table, keys));