JSFiddle - React, Tailwind, and code Playground
by TheJoeFletch
HTML
<table>
<tr style="height: auto" role="row" class="jqgfirstrow">
<td style="height: 0px; width: 55px;" role="gridcell">
</td>
<td style="height: 0px; width: 150px;" role="gridcell">
</td>
<td style="height: 0px; width: 150px;" role="gridcell">
</td>
</tr>
<tr class="ui-widget-content jqgrow ui-row-ltr" role="row" tabindex="-1" id="1">
<td aria-describedby="jqgCategories_act" title="" style="text-align: center;" role="gridcell">
<input type="checkbox" value="true" name="Catchecked" id="Catchecked"><input type="hidden"
value="false" name="Catchecked">
</td>
<td aria-describedby="jqgCategories_Name" title="Beverages" style="text-align: left;"
role="gridcell">
Beverages
</td>
<td aria-describedby="jqgCategories_Description" title="Soft drinks, coffees, teas, beers, and ales"
style="text-align: left;" role="gridcell">
Soft drinks, coffees, teas, beers, and ales
</td>
</tr>
<tr class="ui-widget-content jqgrow ui-row-ltr" role="row" tabindex="-1" id="2">
<td aria-describedby="jqgCategories_act" title="" style="text-align: center;" role="gridcell">
<input type="checkbox" value="true" name="Catchecked" id="Catchecked"><input type="hidden"
value="false" name="Catchecked">
</td>
<td aria-describedby="jqgCategories_Name" title="Condiments" style="text-align: left;"
role="gridcell">
Condiments
</td>
<td aria-describedby="jqgCategories_Description" title="Sweet and savory sauces, relishes, spreads, and seasonings"
style="text-align: left;" role="gridcell">
Sweet and savory sauces, relishes, spreads, and seasonings
</td>
...
JavaScript
$("div#getResults").on("click", function() {
$("table input[type=checkbox]:checked").each(function() {
console.log($.trim($("td[aria-describedby=jqgCategories_Name]", $(this).closest("tr")).text()));
alert($.trim($("td[aria-describedby=jqgCategories_Name]", $(this).closest("tr")).text()));
});
});