c# - 动态移动表格单元格(向上/向下)-javascript

Question

集团，我有一个使用设备 ID 动态构建的表。我有一个“swapCell”，当用户单击(向上/向下)按钮时，它会上下移动单元格。我有一个删除当前行的删除行函数。

-问题是:如果我有六行 (1,2,3,4,5,6) 和六个 ID (id=row1,id=row2,id=row3,id=row4,id=row5,id =行6)

-删除“第 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);
  });
}