JSFiddle - React, Tailwind, and code Playground

HTML

<table id="users" class="ui-widget ui-widget-content">
<thead>
<tr class="ui-widget-header ">
<th>Nom</th>
<th>Référence</th>
<th>Quantité</th>
</tr>
</thead>
<tbody>
<tr>
<td class="nom">test</td>
<td class="ref">test</td>
<td class="qte">test</td>
</tr>
<tr>
<td class="nom">test2</td>
<td class="ref">test2</td>
<td class="qte">test2</td>
</tr>
</tbody>
</table>

<button id="valider">Valider</button>

JavaScript

res=[];
$( "#valider" )
.click(function() 
{
 $('#users tbody > tr').each(function() {
       var nom= $(this).find(".nom").html();
	   var ref= $(this).find(".ref").html();
	   var qte= $(this).find(".qte").html();
	   res.push( nom+ref+qte );  
    })
       alert(res.join(' | '));
	
});