1. ホーム
  2. javascript

[解決済み] jQueryを使ってテーブルの行を反復処理し、セルの値を取得する方法

2022-02-19 18:30:42

質問

jQueryを使って、以下のようなテーブルを動的に作成しています。私のコードを実行した後、私は以下のようなテーブルを取得します。

<table id="TableView" width="800" style="margin-left: 60px">
<tbody>
 <tr>
 <th>Module</th>
 <th>Message</th>
</tr>
<tr class="item">
 <td> car</td>
 <td>
  <input class="name" type="text">
 </td>
 <td>
<input class="id" type="hidden" value="5">
</td>
   </tr>
<tr class="item">
 <td> bus</td>
 <td>
  <input class="name" type="text">
 </td>
 <td>
<input class="id" type="hidden" value="9">
</td>
  </tr>

以前はこのようにテーブルを反復していました。

 $("tr.item").each(function() {
            var quantity1 = $this.find("input.name").val();
        var quantity2 = $this.find("input.id").val();

            });

上記のクエリを使用して、私は最初の行のセルの値を取得しています...テーブルの行全体を繰り返し、行のセルの値を取得するjQueryを教えてください quantity1quantity2 .

解決方法は?

$(this) の代わりに $this

$("tr.item").each(function() {
        var quantity1 = $(this).find("input.name").val(),
            quantity2 = $(this).find("input.id").val();
});

Proof_1:

proof_2です。