在另一行编辑时启用表单点击

Question

点击编辑表单启用后，我禁用了表单

<% while(resultset.next()){ %>
<form method='POST' action='EditCompany?id=<%= resultset.getString(1)%>'>
<tbody>
    <tr align='center'>
        <td><%= no %></td>
        <td><input class="form-control aaa" type="text" disabled="disabled" value='<%= resultset.getString(2)%>' name='company_name'></td>  
        <td><input class="form-control aaa" type="text" disabled="disabled" value='<%= resultset.getString(3)%>' name='city'></td>  
        <td><input class="form-control aaa" type="text" disabled="disabled" value='<%= resultset.getString(4)%>' name='state'></td> 
        <td><input class="form-control aaa" type="text" disabled="disabled" value='<%= resultset.getString(5)%>' name='zipcode'></td>   
        <td><input class="form-control aaa" type="text" disabled="disabled" value='<%= resultset.getString(6)%>' name='branch'></td>    
        <td><input class="form-control aaa" type="text" disabled="disabled" value='<%= resultset.getString(7)%>' name='address'></td>
        <td><a class='abc' id='elementId' onclick="showDiv()"><span class='glyphicon glyphicon-pencil'></span></a> <input type='submit' class="welcomeDiv" style="display:none;"></td>
        <td><a href="#" data-href="DeleteCompany?id=<%= resultset.getString(1)%>" data-toggle="modal" data-target="#confirm-delete"><span class="glyphicon glyphicon-trash"></span></a></td>
    </tr>
    </tbody>
    </form>
    <% no++; } %>

这是Javascript：

<script type="text/javascript"> 
$('.abc').click(function(){
    $(this).closest('tr').find('.aaa').attr('disabled',false);
});</script>

这是事实

但我想要这样。当我想取消编辑第1行并且我想要编辑第2行时，我希望第1行被禁用，如此

Answer 1

<script type="text/javascript"> 
$('.abc').click(function(){
    $('tr .aaa').prop('disabled',false);
    $(this).closest('tr').find('.aaa').prop('disabled',true);
});
</script>

Answer 2

你可以使用喜欢，

$('.edit').click(function () {
    $(this).closest('tr').siblings("tr").find('.aaa').attr('disabled', true);
    $(this).closest('tr').find('.aaa').attr('disabled', false);
});

Answer 3

你可以试试这个：

<script type="text/javascript"> 
$('.abc').click(function(){
    $(this).parents('tr').parent().find('.aaa').prop('disabled', true);
    $(this).parents('tr').find('.aaa').prop('disabled', false);
});</script>