如何在div中的几个中获得1个隐藏字段

Question

我在1 div中有3个隐藏的字段.当我参考这个div时,如何获得这个div中的1个隐藏字段.

Answer 1

这也可以(jQuery):

$('#my_div').find('input[type=hidden]:first')

Answer 2

假设你有一个DIV,就像这样:

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

你可以使用jQuery做这样的事情来选择所有这些:

$('input:hidden','#mydiv');

使用该选择器,现在您在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

选项是:

• first - 获取集合中第一个匹配的元素.
• last - 获取集合中最后一个匹配的元素.
• eq(N) - 获得第N个匹配元素,基于0.
• :eq(N) - 在选择器字符串中获取第N个匹配元素,基于0.

我个人是选项3的粉丝,因为我不喜欢我的选择器中有太多废话.

上面的一个警告是,通过使用:hidden选择器,我们可以匹配隐藏的其他输入元素(即,不可见).如果您希望这种情况发生,或者即使您不这样做,您也可以这样做:

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