JS获取tabel每行td中的input元素的值

最新推荐文章于 2023-02-12 22:43:49 发布

原创最新推荐文章于 2023-02-12 22:43:49 发布 · 1.2k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

JS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用jQuery遍历和操作HTML表格中的元素，包括获取表格行的文本值和输入框的值，通过实例展示了jQuery的选择器和事件处理功能。

$("#orderAgentTab").find("tr").each(function(){
        var tdArr = $(this).children();
        var seq = tdArr.eq(0).text()    ;//直接获取<td>值
        var inputnum = tdArr.eq(6).find("input").val();//获取<td>中input的值
        alert(seq);
        alert(inputnum);
});

<tbody id="orderAgentTab">
<tr>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
5 <td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><a class="" onclick="history_income_del(this);" href="###">删除</a></td>
</tr>
<tr>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><a class="" href="###">删除</a></td>
</tr>
<tr>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><input type="text" class="input-s input-w input-hs"></td>
<td align="center"><a class="" href="###">删除</a></td>
</tr>
</tbody>