下面的代码检索当前行并更改四个值中的第一个（[0]是第一个值）。我使用了console.log来显示输出，但我希望更改发生在该行。任何帮助都将不胜感激。

$(".editPersonnelBtn").on("click", function (e) {
    var $currentRow     = $(this).closest("tr").find("td").text()[0].html = ("po");
    console.log($currentRow)    
});

字符串
这就是HTML

<table id="personnelTable">
</table>

型
我已经动态添加了行

var markup = "";
markup += '<tr>';
markup += '<td>' + result.data[0].firstName +   result.data[0].lastName + result.data[0].jobTitle+ result.data[0].email + '</td>';
markup += '<td><button type="button" class="btn btn-primary btn-sm editPersonnelBtn" data-bs-toggle="modal" data-bs-target="#editPersonnelModal" data-id = '+result.data[0].id+'> <i class="fa-solid fa-pencil fa-fw"> </i></button><button type="button" class="btn btn-primary btn-sm deletePersonnelBtn" data-bs-toggle ="modal" data-bs-target="#deletePersonnelModal" data-id= '+ result.data[0].id+ '> <i class="fa-solid fa-trash fa-fw"></i> </td>';
markup += '</tr>';
$("#personnelTable").append(markup);

型