Javascript 如何迭代同一类的每个表单，并使用jQuery唯一地处理提交？

我与类

form\u delete

在同一页上有多个表单

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

submit

事件

我用

$（'.form_delete'）尝试了这个方法但当我添加
$（this.submit（…）
事件时，它不起作用（事件未注册）

表格：

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

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

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

我不知道你为什么用。每个（）；不管怎样，如果所有具有相同类的窗体都只使用

$('.form_delete').on('submit',function(e){
    e.preventDefault();
    alert($(this).index());
    return false;
});

在这种情况下，您将需要类似data selectForm的内容来定义提交的表单

<form class="form_delete" data-selectForm="firstform">
</form>

<form class="form_delete" data-selectForm="secondform">
</form>

jQuery也是一个选项

    $('body').on('submit', '.form_delete', function submitCB(e) {
       e.preventDefault();  
    });

当事件冒泡到
主体
时，jQuery将对照字符串选择器（parm2）检查
目标
元素，并且仅在匹配时调用回调（parm3）

这样，页面上只有on事件侦听器，而不是许多
 “…这将唯一适用于每种形式？”你是什么意思？谢谢你…你救了我一天
<form class="form_delete" data-selectForm="firstform">
</form>

<form class="form_delete" data-selectForm="secondform">
</form>

$('.form_delete').on('submit',function(e){
        e.preventDefault();
        alert($(this).data('selectForm'));
        return false;
    });

    $('body').on('submit', '.form_delete', function submitCB(e) {
       e.preventDefault();  
    });