Question

我有一个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);
});

但那些不能工作

Answer 1

尝试：

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

Answer 2

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

fiddle with code

Answer 3

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

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

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

3 个答案: