JQuery get input text when using .each() function

Question

I am using JQuery .each() on a list and am wondering how to retrieve the text from an input field within the list item, the code looks like:

<ul id="foo">
  <li id="1">
    <input type="text" />
  </li>
  <li id="2">
    <input type="text" />
  </li>
</ul>

I then need to get the id and text to send to an AJAX call

$(#foo li).each( function() {
  id = this.id; // Works fine
  mytext = ???; // The bit i'm stuck with
  ...
});

There is only one input control per list item.

eiu165 · Accepted Answer · 2012-01-20 18:14:03Z

2

$('#foo li').each( function() { 
  id = this.id; // Works fine
  mytext =  $(this).find('input[type=text]').val();  
  $('#foo').after('<div> text in input = ' +mytext + '</div>');
});

here it is working http://jsfiddle.net/J8ZUT/1/

edited Jan 20, 2012 at 18:14

answered Jan 20, 2012 at 18:02

eiu165

6,30110 gold badges44 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

MattP Over a year ago

Thanks, i've used .find() loads of times before, it's just the end of a long day!

jondavidjohn · Accepted Answer · 2012-01-20 18:02:38Z

1

$(#foo li).each( function() {
  id = this.id; // Works fine
  mytext = $(this).find(':input').val(); // <------------
  ...
});

Note that this will also work with selects and other "input" types, also this will only work when there is only a single :input within the list element.

answered Jan 20, 2012 at 18:02

jondavidjohn

62.5k21 gold badges120 silver badges159 bronze badges

Comments

JConstantine · Accepted Answer · 2012-01-20 18:02:58Z

1

mytext = $(this).find('input').val();

answered Jan 20, 2012 at 18:02

JConstantine

3,9411 gold badge36 silver badges46 bronze badges

Collectives™ on Stack Overflow

JQuery get input text when using .each() function

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related