一尘不染

如何使用jQuery遍历表行并获取单元格值

ajax

我正在使用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


阅读 404

收藏
2020-07-26

共1个答案

一尘不染

$(this) 而不是$ this

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

证明_1:

证明_2:

2020-07-26