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

Question

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

-问题是：如果我有六行 (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 字段设置为循环中的计数行号。