本文旨在解决在动态生成的 HTML 表格中，通过点击按钮获取特定行 RecId 并将其发送到服务器的问题。通过 jQuery 事件委托和 DOM 遍历，我们可以准确地获取到目标 RecId，并使用 AJAX 将其传递给服务器端的 PHP 脚本。本文将详细介绍如何实现这一功能，并提供代码示例和注意事项。
问题分析
在动态生成的表格中，为每个行都使用相同的 ID 是一个常见的问题。因为 ID 在 HTML 文档中必须是唯一的。 当使用$(‘#recid’).text()时，jQuery 选择器只会返回第一个匹配的元素，导致所有行都获取到第一个 recid 的值。 解决此问题的关键在于使用正确的 DOM 遍历方法，从点击的按钮开始，找到其所在的行，然后从该行中找到对应的 recid 元素。
解决方案
以下是解决此问题的步骤和代码示例：
修改 HTML 结构：
由于 ID 应该在 HTML 文档中是唯一的，因此应该将 recid 的 ID 修改为 class。
修改 JavaScript 代码：
使用 jQuery 的 closest() 和 find() 方法来定位到正确的 recid 元素。
$("#position-order tbody").on('click', '.towork', function gotowork(e){ const recid = $(e.target).closest('tr').find('.recid').text(); $.ajax({ type: "POST", url: '/towork.php', data: {recid: recid} }); return false;});
代码解释：
$(“#position-order tbody”).on(‘click’, ‘.towork’, function(e){ … });： 这段代码使用事件委托，监听 position-order 表格 tbody 中所有 class 为 towork 的按钮的点击事件。e.target： e.target 指的是触发事件的元素，也就是被点击的按钮。$(e.target).closest(‘tr’)： closest(‘tr’) 方法从被点击的按钮开始，向上查找最近的
在服务器端的 PHP 脚本中，接收并处理传递过来的 recid 值。
完整代码示例
HTML:
| 123 | |
| 456 | |
JavaScript:
$(document).ready(function() { $("#position-order tbody").on('click', '.towork', function gotowork(e){ const recid = $(e.target).closest('tr').find('.recid').text(); $.ajax({ type: "POST", url: '/towork.php', data: {recid: recid}, success: function(response) { console.log(response); // 在控制台显示来自服务器的响应 } }); return false; });});
注意事项
错误处理： 在 AJAX 请求中添加错误处理，以便在请求失败时能够及时发现问题。数据验证： 在服务器端对接收到的 recid 值进行验证，确保数据的安全性。性能优化： 如果表格数据量很大，可以考虑使用更高效的 DOM 遍历方法，或者使用事件委托来减少事件监听器的数量。安全性： 确保对发送到服务器的数据进行适当的编码，以防止跨站脚本攻击 (XSS)。
总结
通过使用 jQuery 的 closest() 和 find() 方法，我们可以轻松地在动态生成的表格行中获取到特定的数据。 记住，ID 在 HTML 文档中必须是唯一的，因此应该使用 class 来代替 ID。 此外，为了提高代码的可维护性和可读性，建议将代码封装成函数，并添加适当的注释。
以上就是如何在动态生成的表格行中获取特定字符串并发送到服务器的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/113513.html
微信扫一扫
支付宝扫一扫
关于作者
相关推荐
-
BlockDag（BDAG）是否在其潜在的NBA交易之后爆炸了下一个加密货币？
桌子上有球场品牌和潜在的限量版nft，blockdag可能会带来下一个加密货币爆炸 目前Cardano（ADA）的价格仍稳定在0.70美元以上的支撑区域，同时受到重大鲸鱼活动和技术形态的支持，这暗示着ADA币值存在潜在的反弹机会。最近，大额持有者已囤积超过1.2亿个ADA代币，表现出对这一加密资产即…
-
SEC的6月16日更新是否会影响XRP价格和Ripple法律地位的未来轨迹？
预计sec将在6月16日前提交法院进展更新，本周或将对ripple的法律处境以及xrp价格走势产生深远影响。 据预测，美国证券交易委员会（SEC）将在6月16日之前就其与Ripple之间的潜在解决方案向法院提交最新进展。这一程序性动作可能是判断XRP诉讼是否趋向解决还是继续拖延的关键节点。 SEC向…
-
MERIT Financial Group LLC在第一季度将其在Coinbase Global，Inc。（硬币）的股份提高了50.2％
根据向美国证券交易委员会提交的最新文件，merit financial group llc在第一季度将其对coinbase global，inc.（nasdaq：coin）的持仓增加了50.2%。 根据提交给美国证券交易委员会的最新文件，MERIT Financial Group LLC在第一季度将…
-
Hedera Foundation，Eqty Lab和Accenture合作伙伴可验证和简单AI治理
hedera foundation与eqty labs及accenture的合作关系彰显了推动公共部门技术创新的重要契机。 作为一家致力于促进Hedera区块链公有生态系统的开发与应用的非营利组织，Hedera Foundation近日携手技术公司Eqty Labs以及咨询机构Accenture，共…
-
币安的USDT怎么提现？TRC20和ERC20手续费差多少？
币安 USDT 提现时，TRC20 网络手续费低于 ERC20。为确保安全高效提现，需先完成 KYC 验证、绑定正确地址，并了解 TRC20 基于波场、手续费低，ERC20 基于以太坊、手续费较高；操作步骤包括登录账户、进入资金页面、选择现货账户、点击 USDT 提现、正确选择网络类型（务必与接收地…
-
Kucoin任命两名备受瞩目的高管来完成其欧洲领导团队
全球加密货币交易所kucoin近日完成了其欧洲领导团队的组建，新任命了两位备受关注的高管。 这一人事变动是Kucoin在欧盟市场加速布局的一部分，特别是在应对即将实施的加密资产管理法规（MICAR）方面。目前，该公司正通过奥地利金融市场管理局（FMA）推进相关许可流程，并引入来自传统金融和加密领域的…
-
哪些币种可以让投资者短期获利？如何选择？币圈短期获利币种推荐
短期加密交易风险很高，但它是赚钱的最有利方式之一。如果您知道如何应用正确的策略，最重要的是选择正确的加密资产，您可以获得可观的利润，这正是我们今天要讨论的内容。 哪些币种可以让投资者短期获利？该如何选择？币圈短期获利币种推荐 如何选择短期交易的加密货币？ 短期交易涉及购买加密货币并持有短时间，从几分…
-
SEC警告尼日利亚人不要投资惩罚者硬币（符号：$ pun）
美国证券交易委员会（sec）已对尼日利亚民众发出警示，提醒他们警惕一种名为“惩罚者硬币”的加密货币投资行为，该币也被称为$ pun。 近日，该机构在拉各斯发布声明指出，所谓的预售活动并未获得任何授权，也未得到监管机构的批准，并强调其运作方式与庞氏骗局极为相似。 声明中提到，$ PUN项目的发起人并未…
-
Binance列表请参见主要上行空间，但波动率仍然存在
on june 9, mirror tang, ceo of zerobase & salus, posted on x: “恭喜你研究出规律了，接下来规律就要变啦!” shortly after iosg ventures published an article discussing b…
-
LayerEdge（EDGEN币）是什么？2025年、2026 – 2030年价格预测
随着区块链技术的发展，对于更快速、更安全且更具成本效益的验证方法的需求变得日益重要。layeredge 诞生于这样的背景，作为一项前景光明的解决方案，它利用比特币绝佳的安全性，透过零知识证明来验证复杂的计算。透过解决区块链可扩展性和信任方面的一些重大挑战，layeredge 提供了一种崭新的去中心化…
-
OKX2025最新APP注册攻略 欧意官网账户开通步骤详解
OKX，作为全球领先的数字资产交易平台，致力于为用户提供安全、稳定、便捷的加密货币交易服务。其不断迭代的APP和网站，旨在优化用户体验，简化交易流程。 2025年，OKX在用户界面、安全措施和交易功能上都进行了显著升级，力求打造更加完善的数字资产交易生态系统。为了帮助新用户快速上手，本文将详细介绍O…
-
加密货币惩罚者硬币（$ pun）警告
阿布贾 – 尼日利亚证券交易委员会（sec）已发出警告，提醒公众不要投资名为惩罚者币或$ pun的加密货币。 SEC强调，在没有获得官方授权的情况下，该项目正在进行非法预售，并且未取得该机构的正式批准。 在周四发布的一份公告中，该监管机构指出，$ PUN的发起人并未按照规定在尼日利亚资本…
-
美国证券交易委员会（SEC）已向尼日利亚人发出警告
委员会表示，这是由于该代币未获授权的预售活动以及缺乏相关监管批准所致。 美国证券交易委员会（SEC）已向尼日利亚投资者发出警示，提醒其警惕名为“惩罚者币”或“$PUN”的加密货币投资。 委员会指出，该代币的发行方因未经授权的预售行为及未取得监管机构批准而存在问题。 在发布的声明中，SEC表示：“我们…
-
SEC警告尼日利亚人不投资惩罚者硬币，也称为Spun。
美国证券交易委员会（sec）已提醒尼日利亚民众谨慎对待惩罚者硬币的投资，此币亦被称为spun。撰稿人：ikenna okey。更新时间为2023年4月18日上午9:33 pdt。 美国证券交易委员会（SEC）已提醒尼日利亚人注意投资于惩罚者硬币的风险，即所谓的Spun。 委员会在上周五发布的公告中指…
-
Etoro扩大其加密货币产品，包括5个新资产
现在，美国的用户可以“投资20种不同的加密资产，包括：基本关注令牌，曲线，分散者，制造商和多边形。” eToro, the trading and investing platform that empowers you to invest, share and learn founded with…
-
如果Binance和Coinbase List Kaspa，KAS价格在2025年有多高？
卡巴依旧未能登上全球最受欢迎的两大交易所——coinbase和binance，这一情况正逐渐引发其用户的担忧。 卡巴仍未在Coinbase和Binance两大加密货币巨头平台上成功上市，这使其用户群体日益感到焦虑。不过，不妨设想一下，假如卡巴真的在2025年获得了这两家顶级交易所的青睐，它的价格又会…
-
美国证券交易委员会（Securities and Exchange Commission
委员会于本周六发布的公告中提到，发起人或发行方并未以任何形式在本国资本市场内合法运作，这种模因货币便是典型例子之一。 美国证券交易委员会（SEC）已将一种名为“惩罚者币”（亦称“Spun”）的新模因币列为非法且未经许可的公开发行货币。公告明确指出，该模因币的发起人或发行人未按要求进行注册，也未取得S…
-
德意志银行扩大了对数字银行工具的探索，表现出对稳定的存款的兴趣
德国最大的金融机构deutsche bank ag正积极深化其对数字化银行业务工具的研究，尤其关注稳定币以及代币化存款领域。 据知情人士透露，作为德国最大贷款机构的德意志银行正在探索运用数字银行工具的可能性。 该行计划对其现有的金融产品和服务进行全面升级，并在考虑是否自行推出稳定币，或者参与由行业主…
-
一种新型模因硬币的兴起
长久以来，模因币领域始终由dogecoin与shiba inu这样的先行者引领风骚，这两个项目成功地把网络笑话转化为价值数十亿的加密王国。 长久以来，模因币市场一直由Dogecoin和Shiba Inu这样的早期开拓者掌控，这两个项目成功地将网络上的幽默元素转变为价值十亿美元的加密帝国。它们的传播力…
-
BlockDag以其特殊价格重置入口点叙事
价格往往仅仅是一个数字，通常是抓住机遇的一个瞬间。toncoin的长期展望暗示，凭借采用里程碑和可扩展性的潜力，未来的增值空间巨大。 加密市场一直处于波动状态，为投资者带来了机遇与挑战。随着项目逐步达成启动目标，以最优价格参与的紧迫感愈发强烈。 今日，我们将目光聚焦于Toncoin（TON）、Nea…
