jquery 如何更改当前行的值？

4bbkushb 于 5个月前发布在 jQuery

关注(0)|答案(1)|浏览(75)

下面的代码检索当前行并更改四个值中的第一个（[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);

型

jquery

来源：https://stackoverflow.com/questions/77595335/how-to-change-the-current-row-values

1条答案

按热度按时间

zvms9eto1#

要将按钮所在行中前四个tds的内部html设置为po，您可以执行以下操作：

$(".editPersonnelBtn").on("click", function (e) {
    var $currentRow     = $(this).closest("tr");
    var tds = $currentRow.find("td");
    for (let index = 0; index < Math.min(4, tds.length); index++) {
        tds[index].innerHTML = "po";
    }
});

个字符
我们找到行，得到tds，使用索引最大为3的索引（或者tds.length，如果没有足够的列）进行循环，并将innerHTML设置为po。

赞(0）回复(0）举报 5个月前

我来回答

jquery 如何更改当前行的值？

1条答案

相关问题

热门标签

最新问答