gpt4 book ai didi

javascript - 使用 jQuery 添加或删除动态创建的行后重新排列行(ID)

转载 作者:行者123 更新时间:2023-11-29 22:01:47 25 4
gpt4 key购买 nike

这里需要帮助。

我找到了很少的相关答案,但无法将其应用到我的案例中。

我需要借助每行中的“添加”和“删除”按钮动态添加和删除行。一列有 rowid,也需要在添加或删除行时重新排列。假设我们有三行,我们删除了第二行,那么行 ID 列应该重新排列,即第三行的行 ID 现在应该变成二(2)。同样,如果我们要添加新行,我们需要重新排列 rowid 列。

如果问题描述需要更多详细信息,请告诉我。

使用示例代码编辑:-

<html>

<head>

</head>

<body>
<table style="width:300px">
<tr>
<th>RowId</th>
<th>Description</th>
<th>Points</th>
<th>Add</th>
<th>Remove</th>
</tr>
<tr>
<tr>
<td>1</td>
<td>Desc1</td>
<td>50</td>
<td><a href="#"><img src="" width="43" height="20" />Add</a></td>
<td><a href="#"><img src="" width="43" height="20" />Remove</a></td>
</tr>
<tr>
<td>2</td>
<td>Desc2</td>
<td>50</td>
<td><a href="#"><img src="" width="43" height="20" />Add</a></td>
<td><a href="#"><img src="" width="43" height="20" />Remove</a></td>
</tr>
<tr>
<td>3</td>
<td>Desc3</td>
<td>50</td>
<td><a href="#"><img src="" width="43" height="20" />Add</a></td>
<td><a href="#"><img src="" width="43" height="20" />Remove</a></td>
</tr>

<tr>
<td>4</td>
<td>Desc4</td>
<td>50</td>
<td><a href="#"><img src="" width="43" height="20" />Add</a></td>
<td><a href="#"><img src="" width="43" height="20" />Remove</a></td>
</tr>
</table>
</body>

</html>

谢谢!

最佳答案

添加或删除行后你可以试试这个

$('table').find('tr').find('td:first').each(function(index){    
$(this).text(index+1);
});

DEMO

关于javascript - 使用 jQuery 添加或删除动态创建的行后重新排列行(ID),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23360724/

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