找到最接近的類，然后單擊將上一個按鈕更改為新按鈕

Question

我正在做的是，當用戶單擊“單擊我”按鈕時，它將找到最接近的類，並將按鈕名稱從“單擊我”更改為“刪除”。 我嘗試使用以下腳本，但不適用於我。

<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元素。