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

时间:2019-01-04 09:53:06

标签: javascript jquery

我正在做的是,当用户单击“单击我”按钮时,它将找到最接近的类,并将按钮名称从“单击我”更改为“删除”。我尝试使用以下脚本,但不适用于我。

<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>');
      }
    });
  });
});

1 个答案:

答案 0 :(得分:0)

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

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