javascript - 如何更改jquery中所有表单输入的属性？

Question

我继承了一些形式:

<tr>
    <form method="post" action="\">
        <td><input disabled type="text" name="t1" id="t1" value=""></td>
        <td><input disabled type="email" name="t2" id="t2" value=""></td>
        <td><input disabled type="email" name="t3" id="t3" value=""></td>
        <td><input type="submit" id="edit" value="Edit"></td>
        <td><input type="submit" name="change" value="Change"></td>
    </form>
</tr>
<tr>
    <form method="post" action="\">
        <td><input disabled type="text" name="t1" id="t1" value=""></td>
        <td><input disabled type="email" name="t2" id="t2" value=""></td>
        <td><input disabled type="email" name="t3" id="t3" value=""></td>
        <td><input type="submit" id="edit" value="Edit"></td>
        <td><input type="submit" name="change" value="Change"></td>
    </form>
</tr>
....

当我单击#edit按钮时，我想沿着链向上到达其自己的表，选择所有input子项并删除disabled 属性，但仅适用于该表单。

我尝试过这样的事情:

$('#edit').on("click", function(e){
    e.preventDefault();
    var form = $(this).parent("form");
    // or maybe a $.each ??
    form.children('input').removeAttr("disabled");
});

有什么想法吗？

Answer 1

$(this).parent()实际上是一个<td> ，所以它什么也不返回。

$(this).closest('form').find('input').prop('disabled', false);