使用jquery锚提交无名表单

时间:2014-02-13 04:56:59

标签: jquery database forms

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

$('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> 

因为我是从数据库创建表单,所以命名表单是不切实际的。有人可以帮助我使用此代码,或建议更好的解决方案。谢谢

2 个答案:

答案 0 :(得分:4)

您不需要next(),表单是您锚点的直接父级,因此parent()就足够了。 form中的html标记未关闭,您需要将</form>添加到关闭表单标记。

<强> Live Demo

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

获取当前匹配元素集中每个元素的父元素,   可选地由选择器jQuery Doc过滤。

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

  

对于集合中的每个元素,获取与之匹配的第一个元素   选择器通过测试元素本身并遍历其中   DOM树中的祖先jQuery doc

答案 1 :(得分:0)

使用.closest()

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