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

Question

我需要构建一个 jQuery 脚本，该脚本将选择一个带有接收 change() 事件的表单的 type=submit 的 button .

这是我想出的代码:

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

运行此代码后，categoryEditForms 包括页面上显示的 4 个表单。 submitButton 是一个 length 等于 0 的 JS 对象。我只会添加提交按钮存在于页面上的每个表单中。

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

Answer 1

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

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

更好的想法是委托(delegate)您的事件，这样您就只有一个事件，例如:

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