Question

我有一个用例，我需要在每个div中选择第一个输入元素，这些div在父div中被包含，如：

<div class="parent">
  <div>
    <input id="field1" " type="text" value="" name="fieldName1">
    <input id="field2" " type="text" value="" name="fieldName2">
  </div>
  <div>
    <input id="field3" " type="text" value="" name="fieldName3">
    <input id="field4" " type="text" value="" name="fieldName4">
  </div>
  <div>
    <input id="field5" " type="text" value="" name="fieldName5">
    <input id="field6" " type="text" value="" name="fieldName6">
  </div>
</div>

更新：我尝试了$(".parent :input");，但它为我提供了所有输入字段

我需要选择名称类似于fieldName1,fieldName3 and fieldName5的所有输入元素任何想法都会有所帮助。

Answer 1

DEMO

$('.parent > div').each(function(){
    alert($(this).find('input').first().attr('name'));
});

Answer 2

你可以试试这个：

$.each($(".parent div"), function(index,item) {
    $.each($(":nth-child(1)", this), function(index,item){
        console.log($(this).attr("name"));
    });
});

在所有div中选择第一个输入元素

2 个答案: