通过链接在html中提交单个表单的动态表单列表

Question

所以我的申请表格中有以下表格：

<form action="/admin/Management/removeClass" method="post">
<input type="hidden" value="5" />
<a class="sub0" href="#"> Delete </a>

<form action="/admin/Management/removeClass" method="post">
<input type="hidden" value="2" />
<a class="sub1" href="#"> Delete </a>

<form action="/admin/Management/removeClass" method="post">
<input type="hidden" value="3" />
<a class="sub2" href="#"> Delete </a>

值从1到5不等，

我想通过链接而不是通常的按钮提交表单，我可以这样做：

$('.sub1').click(function(){
$('???').submit();     //how to properly select that form for it?
})

我应该添加什么才能正确选择应删除的正确表单？

Answer 1

您需要使用.closest()选择器。它将选择DOM上的第一个匹配元素。

在你的情况下，你想要：

$( '.sub1' ).closest( 'form' ).submit();

Link to jQuery documentation