jquery - tdのデータ属性に基づいてテーブルから入力を取得するときのjqueryは、入力の値にアクセスするときにエラーがスローされるのはなぜですか

Question

次の表があります。

私はファーストネームを取得しようとしています

<table id="myTable">
  <thead>
    <tr>
      <th>FirstName</th>
      <th>LastName</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td data-usage="firstname"><input type="text" value="Mike" /></td>
      <td><input type="text" /></td>
    </tr>
    <tr>
      <td data-usage="firstname"><input type="text" value="Jo" /></td>
      <td><input type="text" /></td>
    </tr>
  </tbody>
</table>

だから私はいくつかのjqueryを持っています:

$("#myTable tbody tr td[data-usage='firstname'] input").each(function () {
             alert($(this).value());
         });

名前ごとに 1 つずつ、2 つのメッセージを受け取ることを期待していました。

代わりに私は得る：

Uncaught TypeError: Object [object Object] has no method 'value'

誰かが私が間違っていることを説明してください

Answer 1

あなたが欲しいのはです$(this).val()。jQuery には value() 関数はありません。

Answer 2

jQuery オブジェクトには value プロパティがありません。ネイティブ DOM ノードだけが持っています。

alert( this.value );

jQuery では、次のval()メソッドを使用します。

alert( $(this).val() );

Answer 3

そうであってはなら$(this).val()ない$(this).value()