JQUERYのdiv要素内のtextarea値を取得します

Question

私はいくつかのdiv要素を持っていますが、各divタグ内には他のフォーム要素があります。例：

<div id="div1"><input type="text" name="answer" id="answer"></div> 
<div id="div2"><textarea name="answer" id="answer">Some Value</textarea></div> 
<div id="div3"><textarea name="answer" id="answer">Some Value</textarea></div> 

div3のテキストエリアを取得するにはどうすればよいですか。ここに私が持っているものはありますが、私はいつもdiv2のテキストエリアを取り戻すだけです

var divElement = dojo.byId('div3'); 
if ($('textarea', divElement).length > 0){ 
    var text = $('textarea#answer').val(); 
} 

ヘルプ！

Answer 1

var firstTextarea = $('#div3').find('textarea :first').val(); 

Answer 2

次のセレクタ

var value = $('#div3 textarea').val(); 
alert(value); 

注意してみてください：あなたのソリューションは、id TextAreaの値と入力タグを複製し使用しています。複数のIDを持つことは合理的ではなく、道を痛めつけてしまうでしょう。一意のIDを持つようにタグを変更し、それを直接照会するのが最善です。例えば

HTML：

<div id="div1"><input type="text" name="answer" id="answer1"></div> 
<div id="div2"><textarea name="answer" id="answer2">Some Value</textarea></div> 
<div id="div3"><textarea name="answer" id="answer3">Some Value</textarea></div> 

Javascriptを

var value = $('#answer3').val(); 
alert(value); 

Answer 3

はよく、あなたはそれが良い習慣ではない、の3つの要素に同じIDが割り当てられています。すべての要素は一意のIDを持つ必要があります。同じIDを割り当てた場合、常にコードから最初の要素を取得します。
あなたはdivの3テキストエリアを検索したい場合は、以下のセレクタを使用します。あなたは、同じIDを持つ複数の要素を持つことができません

$('#div3 textarea).val()