jQueryのは、リスト上）.each（）関数

Question

を使用しているとき、私は（jQueryのの.eachを使用しています入力テキストを取得し、リスト項目内の入力フィールドからテキストを取得する方法を疑問に思って、コードは次のようになります。

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

私は、リストの項目ごとに1つだけの入力コントロールがありますAJAX呼び出し

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

に送信するIDとテキストを取得する必要があります。これはまた、単一:inputは、リスト要素内にのみ存在する場合にも、こののみ動作する、選択して他の「入力」タイプで動作すること

Answer 1

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

ここでは http://jsfiddle.net/J8ZUT/1/

Answer 2

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

注。

Answer 3

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