jQuery addClass example

Change class name on click in jQuery

HTML

<table>
    <tr>
      <td><span class="first-name">John</span></td>
      <td><span class="last-name">Doe</span></td>
      <td>
        <button class="btn-get-data" data-class="first-name">Get First Name</button>
        <button class="btn-get-data" data-class="last-name">Get Last Name</button>
      </td>
    </tr>
  </table>

JavaScript

$(document).ready(function() {
  $(".btn-get-data").click(function() {
    $btn = $(this);
    $tr = $btn.closest('tr');
    var first = $tr.find('.' + $btn.attr('data-class')).html();
    alert(first);
  })
});