Javascript 在单击另一行的按钮后，如何使用jquery自动禁用其他行？

表中的每个表行都包含一个具有“编辑”按钮的表数据。当用户单击另一行中的“编辑”按钮时，必须禁用启用的表格行，然后启用您最近单击的该编辑按钮的行

HTML: 

<table>
  <tr>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="submit" name="edit" id="editBtn" class="edit"></td>
  </tr>
   <tr>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><span class="edit">Edit</span></td>
  </tr>
   <tr>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="submit" name="edit" id="editBtn" class="edit"></td>
  </tr>
   <tr>
   <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="checkbox" disabled></td>
    <td><input type="submit" name="edit" id="editBtn" class="edit"></td>
  </tr>
</table>

  JQUERY:
    $(function() {
       $( "table" ).on( "click", ".edit", function() {
          $(this).removeClass('edit');
          $(this).addClass('removeEdit');
            $(this).parents('tr').find('input[type=checkbox]').prop('disabled', false);
            });

        $( "table" ).on( "click", ".removeEdit", function() {
          $(this).removeClass('removeEdit');
          $(this).addClass('edit');
            $(this).parents('tr').find('input[type=checkbox]').prop('disabled', true);
            });

HTML：
编辑
JQUERY：
$（函数（）{
$（“表”）。在（“单击”，“编辑”，函数（）上）{
$（this.removeClass（'edit'）；
$（this.addClass（'removedit'）；
$（this）.parents（'tr'）.find（'input[type=checkbox]）.prop（'disabled'，false）；
});
$（“表”）。在（“单击“，”.removedit“，函数（）上）{
$（this.removeClass（'removeEdit'）；
$（this.addClass（'edit'）；
$（this）.parents（'tr'）.find（'input[type=checkbox]）.prop（'disabled'，true）；
});

已更新

$（函数（）{
$（“表”）。在（“单击”，“编辑”，函数（）上）{
var self=$（this.closest（'tr'）.find（'input[type=checkbox]）；
$（“table tr”）.find（'input[type=checkbox]'）。not（self）.prop（'disabled'，true）；
self.each（函数（）{
$（this.prop（'disabled'），！$（this.prop（'disabled'）；
});
});
})；

你能分享一段你到目前为止尝试过的代码片段吗？你想用button替换span吗？你帮了大忙。谢谢。实际上你做得不对，因为你对每个td元素都进行了类编辑。这就是为什么我在代码中使用了.last（）

$(function() {
  $( "table" ).on( "click", ".edit", function() {
      $('table td').removeClass('removeEdit');
      $('table td').addClass('edit');
      $('table tr').find('input[type=checkbox]').prop('disabled', true);
      $(this).removeClass('edit');
      $(this).addClass('removeEdit');
      $(this).parents('tr').find('input[type=checkbox]').prop('disabled', false);
  });

  $( "table" ).on( "click", ".removeEdit", function() {
      $(this).removeClass('removeEdit');
      $(this).addClass('edit');
      $(this).parents('tr').find('input[type=checkbox]').prop('disabled', true);
  });

});