找到最接近的类，然后单击将上一个按钮更改为新按钮

Question

What I am doing is when the user clicks on the 'Click me' button then it will find the closest class and change the button name from 'Click me' to 'Remove'. I tried below script but it's not working for me.

<tr>
  <td>asdas</td>
  <td>asdas</td>
  <td>
    <div class="findMe">
      <button type="button" name="renew" class="clickMe">Click me</button>
    </div>
  </td>
</tr>
<tr>
  <td>asdas</td>
  <td>asdad</td>
  <td>
    <div class="findMe">
      <button type="button" name="renew" class="clickMe">Click me</button>
    </div>
  </td>
</tr>
<tr>
  <td>asdas</td>
  <td>asdasd</td>
  <td>
    <div class="findMe">
      <button type="button" name="renew" class="clickMe">Click me</button>
    </div>
  </td>
</tr>

$(document).ready(function() {
  $('.clickMe').click(function() {
    var changeToRemoveBTN = $(this).closest('tr').find('findMe');
    $.ajax({
      // url:"",
      // method:"POST",
      // data:{},
      success: function(data) {
        var obj = JSON.parse(data);
        $('#' + changeToRemoveBTN).html('<button type="button" name="remove" class="btn btn-danger btn-xs">Remove</button>');
      }
    });
  });
});

Answer 1

$(this).closest('.findMe');

这将返回最接近的类为'.findMe'的DOM元素。