Select first input element with in all div

Question

I have a use case where I need to select first input element with in each div and these divs are cotained in a parent div like:

<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>

Update: I tried $(".parent :input"); but it gives me all input fields

I need to select all input element whose names are like fieldName1,fieldName3 and fieldName5 Any idea will be helpful.

I tried `$(".parent :input");` but it gives me all input fields — ABC, Dec 27 '14 at 15:24
http://stackoverflow.com/questions/5808606/jquery-selecting-elements-from-inside-a-element — Avinash Babu, Dec 27 '14 at 15:24
Of course it would, because you didn't tell it to return just the first one in each div. Find a selector that will do that for you. You should also state what you tried within the question and not wait for people to prompt you. — BoltClock, Dec 27 '14 at 15:26

score 3 · Accepted Answer · answered Dec 27 '14 at 15:32

3

DEMO

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

answered Dec 27 '14 at 15:32

Mohamed-Yousef

23,946
3
19
28

score 0 · Answer 2 · answered Dec 27 '14 at 15:30

0

You could try this:

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

answered Dec 27 '14 at 15:30

acontell

6,792
1
19
32

Select first input element with in all div

2 Answers2