javascript - jQuery 在按钮单击时获取最接近的表单

Question

我想发出一个ajax请求当我按下表单按钮时，我需要获取表单本身我的代码是

$(document).ready(function() {
        $(document).on('click', '.finalEdit', function (e) {
            e.preventDefault();
            var form = $(this).closest('form');
            $.ajax({
                data: form.serialize(),
                url: form.attr('action'),
                type: "POST",
                dataType: "html",
                success: function (result) {
                    // feel free to execute any code 
                    // in the success callback
                    $('#divToRefresh').html(result);
                },
                error: function (result) {
                alert("Failed");
            }
            })

            return false;
        });

$(this).closest('form') 在页面中获取另一个表单，我不知道为什么

这是我正在寻找的表格

<tr hidden="hidden">
            @using (Html.BeginForm("Edit", "Home", FormMethod.Post, new { @class = "Edit-form" }))
            {
                @Html.ValidationSummary(true)
                <td>
                    @Html.HiddenFor(model => model.supplier.SupplierID, new { @Value = item.SupplierID })
                </td>
                <td>
                    @Html.TextBoxFor(model => model.supplier.SupplierName, new { @Value = item.SupplierName })
                </td>
                <td>
                    <input type="submit" value="Edit" class="finalEdit"/>
                </td>



            }
        </tr>

Answer 1

如果 .finalEdit 按钮位于表单标记内，则可以使用 this.form获取元素所属的形式。然后，您可以将其包装在 $() 中以获取表单元素的 jQuery 对象:var form = $(this.form);。

如果找不到表单，请确保标签正确嵌套并关闭。还要确保输入没有 form attribute .