jquery - 使用 jquery anchor 提交无名表单

Question

我正在尝试使用链接提交表单，问题是我不知道表单名称。我似乎无法导航到我的表单对象。

$('a#deleteRecord').click(function(){
var $target = $(this).parent().next('form');
$target.submit();
}); 

从是。

<form method="post" action=" <?php echo $_SERVER['PHP_SELF'] ?>" >
<input type="hidden" name="action" value="delete"/>
<input type="hidden" name="record" value="1"/>
<a id="deleteRecord" class="btn btn-danger" href="#" ><i class="fa fa-trash-o"></i></a> 

因为我是从数据库创建表单的，所以命名表单是不切实际的。有人可以帮我处理这段代码，或者提出更好的解决方案吗？谢谢

Answer 1

你不需要 next() ，表格是你的 anchor 的直接父级所以parent()就足够了。 form在 html 中标记没有关闭，需要添加</form>关闭表单标签。

Live Demo

var $target = $(this).parent();

Get the parent of each element in the current set of matched elements, optionally filtered by a selector, jQuery Doc.

如果你想在 DOM 层次结构中找到父多级，那么使用 closest()非常方便。

For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree, jQuery doc.