Javascript 如何在div内的多个隐藏字段中获得1个隐藏字段

我在一个div中有3个隐藏字段。当我引用这个div时，如何获取这个div中的1个隐藏字段

var firstHidden = $("input[type='hidden']:first", ref);

及

或

（请小心，因为：hidden还会使用style=“display:none”查找元素）

或

其中“ref”变量是对DIV元素的引用

及

或

（请小心，因为：hidden还会使用style=“display:none”查找元素）

或

---

其中'ref'变量是对DIV元素的引用

，没有任何代码，这很难提供帮助，但我要说的是给隐藏字段一个ID并使用：

var hdn = document.getElementById("id");

或者，如果您正在使用Jquery，请使用：

var hdn = $("#id");

---

如果没有任何代码，很难提供帮助，但我要说的是，给隐藏字段一个ID并使用：

var hdn = document.getElementById("id");

或者，如果您正在使用Jquery，请使用：

var hdn = $("#id");

如果是这样的话：

<div id="somediv">
    <input type="hidden"/>
    <input type="hidden"/>
    <input type="hidden"/>
</div>

它应该返回对第一个隐藏字段的引用。如果您想要第二个，请使用“eq（2）”等等。

如果是这样：

<div id="somediv">
    <input type="hidden"/>
    <input type="hidden"/>
    <input type="hidden"/>
</div>

---

它应该返回对第一个隐藏字段的引用。如果您想要第二个，请使用“eq（2）”等等。

假设您有一个DIV，如下所示：

<div id="mydiv">
    <input type="hidden">
    <input type="hidden">
    <input type="hidden">
</div>

使用该选择器，现在jQuery集合中有了所有3个隐藏字段。您可以使用多种方法从中选择要使用的选项：

$('input:hidden:first','#mydiv'); // get first one using first
$('input:hidden:last','#mydiv'); // get last one using last
$('input:hidden','#mydiv').eq(0); // get first one using eq
$('input:hidden','#mydiv').eq(1); // get second one using eq
$('input:hidden','#mydiv').eq(2); // get third one using eq
$('input:hidden:eq(0)','#mydiv'); // get first one using eq in selector

这些选择包括：

• -获取集合中第一个匹配的元素
• -获取集合中最后一个匹配的元素
• -获取第n个匹配元素，基于0
• -获取选择器字符串中的第n个匹配元素，基于0

我个人是选项3的粉丝，因为我不喜欢我的选择器里有太多垃圾

上面的一个警告是，通过使用

：hidden

选择器，我们可能会匹配其他隐藏的输入元素（即，不可见）。如果您预计会发生这种情况，或者即使您没有，您也可以这样做：

$('input[type=hidden]', '#mydiv').eq(0);

---

假设您有一个DIV，如下所示：

<div id="mydiv">
    <input type="hidden">
    <input type="hidden">
    <input type="hidden">
</div>

使用该选择器，现在jQuery集合中有了所有3个隐藏字段。您可以使用多种方法从中选择要使用的选项：

$('input:hidden:first','#mydiv'); // get first one using first
$('input:hidden:last','#mydiv'); // get last one using last
$('input:hidden','#mydiv').eq(0); // get first one using eq
$('input:hidden','#mydiv').eq(1); // get second one using eq
$('input:hidden','#mydiv').eq(2); // get third one using eq
$('input:hidden:eq(0)','#mydiv'); // get first one using eq in selector

这些选择包括：

• -获取集合中第一个匹配的元素
• -获取集合中最后一个匹配的元素
• -获取第n个匹配元素，基于0
• -获取选择器字符串中的第n个匹配元素，基于0

我个人是选项3的粉丝，因为我不喜欢我的选择器里有太多垃圾

上面的一个警告是，通过使用

：hidden

选择器，我们可能会匹配其他隐藏的输入元素（即，不可见）。如果您预计会发生这种情况，或者即使您没有，您也可以这样做：

$('input[type=hidden]', '#mydiv').eq(0);

---

我会给你想要找到的隐藏对象分配一个类——程序员在4年后回顾它会更容易一些。我使用“id”作为隐藏的示例。一旦用jQuery找到它，就可以使用.val（）获取它的值

HTML:

---

我会给你想要找到的隐藏对象分配一个类——程序员在4年后回顾它会更容易一些。我使用“id”作为隐藏的示例。一旦用jQuery找到它，就可以使用.val（）获取它的值

HTML:

这也将起作用（jQuery）：

这也将起作用（jQuery）：

---

作为参考，如果您没有像原始海报那样使用jQuery，并假设上面的结构：

<div id="mydiv">
  <input type="hidden">
  <input type="hidden">
  <input type="hidden">
</div>

var div = document.getElementById('mydiv');
var inputs = div.getElementsByTagName('input');
for(var i = 0; i < inputs.length; i++){
  // Match your input with inputs[i].name, etc.
}

var div=document.getElementById（'mydiv'）；
var inputs=div.getElementsByTagName（“输入”）；
对于（变量i=0；i

如果您没有像原始海报一样使用jQuery，并假设上面的结构，请参考：

<div id="mydiv">
  <input type="hidden">
  <input type="hidden">
  <input type="hidden">
</div>

var div = document.getElementById('mydiv');
var inputs = div.getElementsByTagName('input');
for(var i = 0; i < inputs.length; i++){
  // Match your input with inputs[i].name, etc.
}

var div=document.getElementById（'mydiv'）；
var inputs=div.getElementsByTagName（“输入”）；
对于（变量i=0；i

$（“#my_div”）.find（'input[type=“hidden”]：first'）查看引号：$（“#my_div”）.find（'input[type=“hidden”]：first'）查看引号：如果“div”是jquery对象-div.find（'.idField'）；和$（'.idField'，div）将做同样的事情-我不确定您是否有jQuery元素或DOM元素；和$（'.idField'，div）将做同样的事情-我不确定您是否有jQuery元素或DOM元素。