当我只有对 INPUT 的引用时，我需要获得对 INPUT 的 FORM 父级的引用。这可以用 JavaScript 实现吗？如果您愿意，可以使用 jQuery。
function doSomething(element) {
//element is input object
//how to get reference to form?
}
这不起作用：
var form = $(element).parents('form:first');
alert($(form).attr("name"));
作为输入的原生 DOM 元素也有一个form属性，指向它们所属的表单：
var form = element.form;
alert($(form).attr('name'));
根据w3schools 的说法.form，IE 4.0+、Firefox 1.0+、Opera 9.0+ 支持输入字段的属性，这是jQuery 保证的更多浏览器，所以你应该坚持这一点。
如果这是不同类型的元素（不是<input>），您可以找到最接近的父元素closest：
var $form = $(element).closest('form');
alert($form.attr('name'));
另外，请参阅有关以下form属性的MDN 链接HTMLInputElement：
每个输入都有一个form属性指向输入所属的表单，所以简单：
function doSomething(element) {
var form = element.form;
}
我使用了一些 jQuery 和旧式 javascript - 更少的代码
$($(this)[0].form)
这是对包含元素的表单的完整引用
使用jQuery：
function doSomething(element) {
var form = $(element).closest("form").get().
//do something with the form.
}
如果使用 jQuery 并且有任何表单元素的句柄，则需要在使用 .form 之前 get(0) 该元素
var my_form = $('input[name=first_name]').get(0).form;