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

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在使用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将通过该表的完整行迭代，并在获得该行的单元格值quantity1和quantity2。

回答：

$(this) 而不是$ this

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

以上是 如何使用jQuery遍历表行并获取单元格值 的全部内容， 来源链接： utcz.com/qa/404812.html

回到顶部