jquery 选择动态生成的字符串

6za6bjd0  于 2023-05-22  发布在  jQuery
关注(0)|答案(1)|浏览(121)

单击按钮时,我想将某行的数据发送到服务器。表中的行是动态创建的
代码如下:

<tr class="ordertr table-bordered">
<td id="recid" class="d-none"><?=$row['RecId']?></td>
<td class="ps-lg-3">
<ul>
<li><button id="editingST">&#9998;</button></li>
<li><button class="towork">🛠</button></li>
</ul>
</td>
</tr>

和JS:

$("#position-order tbody").on('click', '.towork', function gotowork(){
 $.ajax({
type: "POST",
url: '/towork.php',
data: {recid: $('#recid').text()}
});
return false;
});

recid已定义,但对于所有行,它采用第一行的值
这里有一个错误:$("#position-order tbody")

omtl5h9j

omtl5h9j1#

您可以获取包含按钮的行,然后查询该特定td。

function gotowork(e) {
    const recid = $(e.target).closest('tr').find('#recid').text();
    // make request...
}

但是,id在文档中应该是唯一的,因此您应该使用一个类来实现这一点。

<td class="recid d-none">text...</td>
$(e.target).closest('tr').find('.recid').text()

相关问题