HTML5 / JavaScript / JQuery - 获取与输入相关联的表单的最佳方式

Question

在 HTML5 之前，我曾经能够使用 jQuery 轻松找到与输入关联的表单，因为所有输入都包含在表单元素中。

例如，使用 jQuery 我会做这样的事情：

jQuery('.info-container input').closest('form')

我仍然想使用 jQuery，因为我使用了一些在 jQuery 中更容易实现的功能。 但是，对于 HTML5，输入可以在表单元素之外。 例如，以下内容可以位于 HTML 中的任何位置，但仍是表单的一部分：

<input name='city' form='address_form'>

在 jQuery 中是否有任何简单的方法来获取与给定 input/button/select 关联的表单？

Answer 1

您可以获取form属性以获取关联的表单。

$($('input[name=city]').prop('form'))

我相信无论输入是在表单内还是使用form属性与表单连接，这都会起作用。

Answer 2

如何使用这个获取列表。

var inputs = $(document).find('input[form="address_form"]');

然后你可以使用他们的名字在表单“address_form”中找到你想要的输入。 但是如果你只需要一个元素，就像这样

var inputs = $(document).find('input[form="address_form"][name="city"]');