从<input />元素</form>中选择<form>元素

时间:2013-12-14 11:59:14

标签: javascript jquery

我正在尝试使用JQuery从<form>元素中选择<input>元素。我试过这个:

$(".inputClass").parent("form")

但它似乎不起作用。

3 个答案:

答案 0 :(得分:8)

在HTML 4中,您可以获取作为表单元素的 ancestor (使用parents(复数)),但HTML 5允许表单控件为associated with a form that it not its ancestor ,所以你不能依赖它。

表单控件具有a form property,可以为您提供相关的表单元素。

var form = $(".inputClass").prop("form");

如果愿意,可以将它变成jQuery对象。

var $form = $( form );

或者在一行中:

var $form = $( $(".inputClass").prop("form") );

答案 1 :(得分:4)

尝试$(".inputClass").closest("form"),因为form可能不是输入元素的直接父级

答案 2 :(得分:0)

最简单的方法是使用每个表单字段可用的“表单”属性。

var input = document.getElementById("foo");

var form = input.form;

不需要jQuery。只是好老式的DOM。