从具有特定类的第一个输入中获取父窗体元素

Get the parent form element from the first input with a specific class

本文关键字:输入 获取 元素 窗体 第一个      更新时间:2023-09-26

我正在尝试与具有特定类的第一个输入元素的父窗体元素进行对话。在任何给定的页面上,我至少可以有两个表格。我的标题中有一个登录表单,在本例中是页面正文中的一个表单。

我能够找到类名如下的第一个元素:

$('.my-select:first');

我想,获得家长表格会很容易:

$('.my-select:first').closest('form');

但是,事实并非如此。当我尝试这样做以确保我使用的是正确的形式:

$('.my-select:first').closest('form').attr('id');

我正在返回未定义

"closest()"在DOM中向上移动,所以我认为我会很安全。不过,我觉得我找不到合适的选择器。以下是我的标记:

HTML

<form id="myform">
<fieldset>
<div>
<div>
<label>
<select class="my-select">
    ....

我最终会有多个类名为"my select"的select元素。我将有一个按钮,将动态添加另一个选择输入。这就是为什么我需要找到最接近的形式元素。

感谢您抽出时间!

您的代码是正确的,但表单上没有用于报告的ID

<form id="?????">    <====

要测试代码,请使用长度:

alert($('.my-select:first').closest('form').length);

这应该显示1

JSFiddle可以玩:http://jsfiddle.net/TrueBlueAussie/rz1ye80j/