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

时间:2014-11-12 15:15:59

标签: javascript jquery forms

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

我能够找到第一个带有类名的元素:

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

我想,获取父表单很简单:

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

但是,事实并非如此。当我试着这个以确保我正在谈论正确的形式时:

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

我回来了 undefined

'接近的()'沿着DOM旅行,所以我认为我会安全。我不认为我找到了正确的选择器。这是我的标记的样子:

HTML

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

我最终会有多个选择元素,其类名为&#34; my-select&#34;。我将有一个动态添加另一个选择输入的按钮。这就是我需要找到最接近的表单元素的原因。

感谢您的时间!

1 个答案:

答案 0 :(得分:3)

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

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

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

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

这应显示1

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