javascript - 选择使用jQuery接收change()事件的表单的提交按钮

我需要构建一个jQuery脚本，该脚本将选择具有button事件形式的type=submit的change()。

这是我想出的代码：

var categoryEditForms = $('form.category-edit-block');
categoryEditForms.change(function(form) {
    var submitButton = $(form).find('button[type=submit]');
});

运行此代码后，categoryEditForms包括页面上存在的4种形式。 submitButton是length等于0的JS对象。我只补充说，提交按钮存在于页面上的每个表单中。

我应该如何修改我的代码以掌握所需的提交按钮？

最佳答案

form事件中的change变量是事件本身，而不是表单。使用this检索父表单：

var categoryEditForms = $('form.category-edit-block');
categoryEditForms.change(function() {
    var submitButton = $(this).parents("form").find('button[type=submit]');
});

一个更好的主意是尽管委派您的事件，但您只有一个event，例如：

categoryEditForms.on("change", function() {
    var submitButton = $(this).parents("form").find('button[type=submit]');
});