gpt4 book ai didi

javascript - 单击行中的按钮时获取 HTML TR 的元素

转载 作者:行者123 更新时间:2023-11-30 07:35:26 26 4
gpt4 key购买 nike

我有以下 Dynamic HTML 行。

<tr role="row" class="odd">
<td contenteditable="false" class="sorting_1"> </td>
<td contenteditable="false"> <span class="name">Alex Nilson </span></td>
<td contenteditable="false"><span class="price"> 1234 </span></td>
<td contenteditable="false"> <span class="qty" >1234 </span></td>
<td><button class="pr_edit" href="javascript:;"> Edit </button></td>
<td><button class="pr_elete" href="javascript:;"> Delete </button></td>
</tr>

单击编辑按钮时,我需要将该特定行的单元格元素的值作为 JS 变量获取到 jQuery 中,我可以将其 AJAX POST 到另一个 PHP 页面以插入到数据库中。我试着像下面那样做,但没有成功。

$(document).ready(function () {
$('.pr_edit').click(function () {
var currentTD = $(this).parents('tr').find('td');
$.each(currentTD, function () {
var iname = $(this).find("span.name").html();
var iprice = $(this).find("span.price").val();
var iqty=$(this).find("span.qty").val();
});

它没有像我预期的那样捕获变量。我该如何实现?我需要将这些 SPAN 数据获取到三个变量。

最佳答案

您需要事件 delegation对于动态生成的元素,使用 text() 而不是 val() 来获取 span 的内容。还可以使用 closest('tr') 获取父级 tr,您不需要使用每个。

$(document).ready(function () {
$('body').on('click', '.pr_edit', function () {
var currentTR = $(this).closest('tr');
var iname = currentTR.find("span.name").text();
var iprice = currentTR.find("span.price").text();
var iqty = currentTR.find("span.qty").text();
});
});

关于javascript - 单击行中的按钮时获取 HTML TR 的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35131489/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com