JSFiddle - React, Tailwind, and code Playground

HTML

<table id="#table1">
  <tr>
    <td class="column1">foo1</td>
    <td class="column2">bar1</td>
  </tr>
  <tr>
    <td class="column1">foo2</td>
    <td class="column2" id="bao">bar2</td>
  </tr>
</table>

JavaScript

$(function() {

    $(#"bao").wrapInner(function() {
    return "<a href='" + $(this).html() + "'></a>";
    });
    
});