.val（）はなぜ関数ではありませんか？

Question

私は、ユーザーが名前と説明を提供する動的フォームを持っています。

<label>Name</label><br /> 
<input type="text" name="name[]" maxlength="255" /><br /> 

<label>Description</label><br /> 
<textarea name="desc[]"></textarea><br /> 

名前を指定すると、記述を入力する必要があることを確認するために、Javascriptでフォームを検証しようとしています。

$("input[name='name[]']").each(function() { 
    var index = $("input[name='name[]']").index(this); 
    if ($(this).val() != '') { 
     alert($("textarea[name='desc[]']").get(index).value); 
     alert($("textarea[name='desc[]']").get(index).val()); 
    } 
} 

最初のアラート（）は期待どおりに機能しますが、2番目のアラートが表示されます： $（ "textarea [name = 'desc []']"）。get（index）.val（）関数

違いは何ですか？なぜjQuery関数を使用できないのですか？

Answer 1

​​の代わりにeq(index)を使用すると、jQueryオブジェクトが返されます。 jQueryオブジェクトには、テキストエリアに期待どおりに機能するval（）メソッドがあります。

val() documentation

値を選択して テキストエリアを含むすべての入力 要素に対して返されます。複数選択の場合は、 値の配列が返されます。

例：彼らは今あるよう

$("input[name='name[]']").each(function() { 
    var index = $("input[name='name[]']").index(this); 
    if ($(this).val() != '') { 
     alert($("textarea[name='desc[]']").eq(index).val()); 
    } 
}); 

Answer 2

$("textarea[name='desc[]']").get(index); 

は、DOMオブジェクトではなく、jqueryのであるから。メソッドvalはありません。

$("textarea[name='desc[]']:eq(" + index + ")").val(); 

をテキストエリアの値として使用します。