使用jquery在div中的div中输入目标

时间:2014-07-18 19:50:26

标签: jquery html input

我有一个div类tblRow作为类samInput中div的包装器,每个包含一个输入字段。

<div class='tblRow'>
  <div class='samInput'>
    <input name='somename' type='text'>
  </div>
  <div class='samInput'>
    <input name='somename' type='text'>
  </div>
  <div class='samInput'>
    <input name='somename' type='text'>
  </div>
</div>
<div class='tblRow'>
  <div class='samInput'>
    <input name='somename' type='text'>
  </div>
  <div class='samInput'>
    <input name='somename' type='text'>
  </div>
  <div class='samInput'>
    <input name='somename' type='text'>
  </div>
</div>

我想获取第一个tblRow的输入字段的值。 我试过了

$(".sampleRow:first-child > samInput :input").each(function(){
    alert(this.value);
});

$(".sampleRow:first-child samInput input").each(function(){
    alert(this.value);
});

$(".sampleRow:first-child input").each(function(){
    alert(this.value);
});

但那些不能工作

3 个答案:

答案 0 :(得分:1)

尝试:

$(".tblRow:first .samInput :input").each(function(){

答案 1 :(得分:0)

$(".samInput").eq(0).find("input");

fiddle with code

答案 2 :(得分:0)

我不确定你期望得到什么结果,但要获得第一个tblRow的输入字段,你可以尝试:

$(".tblRow:first .samInput:first > input")