javascript - 如何迭代同一类的每种形式并使用 jQuery 唯一地处理提交？

Question

我在同一个页面上有多个表单，类 form_delete。

我如何在 jQuery 中迭代这些表单，添加一个将唯一应用于每个表单的 submit 事件？

我已经尝试使用 $('.form_delete').each(...); 但是当我添加 $(this).submit(...) 事件不起作用(事件未注册)。

表格:

<form class="form_delete">
</form>

<form class="form_delete">
</form>

<form class="form_delete">keep adding n forms to infinity ;)

jQuery:

$('.form_delete').each(function() {
    $(this).submit( function(event) { 
        // Nothing gets registered here
    });
}

Answer 1

$('.form_delete').each(function() {
    $(this).on("submit", function(e) { // submit button pressed
        // prevent form from doing what it normally does when submit button is pressed
        e.preventDefault();

        // do anything else that you want to do when the submit button is pressed
        alert( "Hi");

    });
});