JSFiddle - React, Tailwind, and code Playground
HTML
<h2>Participants</h2>
<table border="1">
<tbody>
<tr>
<td>01</td>
<td>Andrew</td>
</tr>
<tr>
<td>02</td>
<td>Julian</td>
</tr>
<tr>
<td>03</td>
<td>Matt</td>
</tr>
<tr>
<td>04</td>
<td>Sarah</td>
</tr>
</tbody>
</table>
<h2>Winners</h2>
<table border="1">
<tbody>
<tr>
<td>01</td>
<td>Andrew</td>
</tr>
<tr>
<td>04</td>
<td>Sarah</td>
</tr>
</tbody>
</table>
JavaScript
const result = $('table')
.map((i, table) => {
return $(table)
.find('tbody tr')
.map((j, row) => {
const $row = $(row);
return {
number: $row.find('td:nth-child(1)').text(),
name: $row.find('td:nth-child(2)').text(),
};
})
.toArray(); // [1]
})
.toArray();
console.log(result);
// [1] Try to comment this line and look at the console.