Question

需要帮助。

我找到的相关答案很少，但在我的情况下无法应用。

我需要在每行的Add and Delete按钮的帮助下动态添加和删除行。一列有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>

谢谢！

Answer 1

添加或删除行后，您可以尝试此操作

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

使用jQuery添加或删除动态创建的行后重新排列行（ID）

1 个答案:

DEMO