jQuery获取表格同行不同列的值

最新推荐文章于 2021-09-29 13:44:30 发布

wl_Honest

最新推荐文章于 2021-09-29 13:44:30 发布

阅读量2.7k

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/wl_Honest/article/details/81482778

版权

本文记录了解决动态表格中点击元素修改同行其他列值的问题。通过jQuery的closest()方法，实现从当前元素向上遍历找到对应行，并进行值的修改。详细介绍了需求背景、HTML结构以及关键的JavaScript代码实现。

摘要由CSDN通过智能技术生成

今天做练习的时候碰到一个问题，就是在一个动态生成的表格中点击a标签修改同行不同列的值，在经过网上查询和自己尝试后解决了这个问题，特此记录。

首先这是需求，点击某行的加号或者减号修改该行的入库数的数量：

新手记得引入jQuery文件：

<!-- jquery -->
<script src="https://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>

加号和减号是动态生成的，这里只贴一段，图标是网上找的：

<td><a href='javascript:;' onclick='minus(this)' title='减少'>
<img src='<%=basePath %>img/minus.png' height='35' width='35f'></a></td>
<td><input type='text' name='amount' style='width:50px;' value=0 /></td>
<td><a href='javascript:;' onclick='plus(this)' titl