动态移动表格单元格（向上/向下）-javascript

Question

组， 我有一个使用设备ID动态构建的表。我有一个“swapCell”，当用户点击（向上/向下）按钮时，它会上下移动单元格。 我有删除行功能删除当前行。

-Problem是：如果我有六行（1,2,3,4,5,6）和六个id（id = row1，id = row2，id = row3，id = row4，id = row5，id = ROW6）

- 删除“第2行和第4行”我有新行（1,2,3,4）和新行（id = row1，id = row3，id = row5，id = row6）

- 但我想在删除当前行后将“id”与行号相同。

---

function swapcells(idA,idB){
    var cellA=document.getElementById('cell'+idA); 
    var cellB=document.getElementById('cell'+idB); 
    if(cellA&&cellB){ 
        var temp=cellA.innerHTML; 
        cellA.innerHTML=cellB.innerHTML; 
        cellB.innerHTML=temp; 
    }
}  
function deleteRows(rowObjArray){
    if (hasLoaded) {
        for (var i=0; i<rowObjArray.length; i++) {
            var rIndex = rowObjArray[i].sectionRowIndex;
            rowObjArray[i].parentNode.deleteRow(rIndex);
        }
    }
}

Answer 1

ID基于使用纯Javascript的索引

function reIDRows() {
  var rows = document.getElementById("myTable").getElementsByTagName("tr");
  for (var i = 0; i < rows.length; i++) {
    rows[i].id = i;
  }
}

ID基于使用jQuery的索引

function reIDRows() {
  $("tr").each(function(i,o){
    $(this).attr("id", i);
  });
}

Answer 2

尝试遍历数据表并计算行数。将每个id字段设置为循环中计数的rownumber。