JSFiddle - React, Tailwind, and code Playground

by Patrick Gregorio

HTML

<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<table>
  <tr>
    <th>Header</th>
  </tr>
  <tr id="row1jqxgrid" role="row" data-key="1">
    <td class="jqx-cell jqx-cell-darkblue jqx-grid-cell jqx-grid-cell-darkblue jqx-item jqx-item-darkblue jqx-grid-cell-nowrap jqx-grid-cell-nowrap-darkblue" style="max-width:350px;width:350px;border-left-width:0px;" role="gridcell">
      <span class=""></span>
      <span class="jqx-tree-grid-title jqx-tree-grid-title-darkblue jqx-grid-cell-wrap jqx-grid-cell-wrap-darkblue">Accenture222</span>
      <a class="ClickClass" data-link="http://www.recruiterfeedback.com/trs/index.php/recruiter/feedback_details/174">
        <button class="btn btn-primary btn-sm ClickClass">
          <i class="fa fa-search"></i> View
        </button>
      </a>
    </td>
  </tr>
</table>

JavaScript

$("tr").click(function() {
    var link = $("#"+$(this).attr('id')+" .ClickClass").attr('data-link');
    alert(link);
});