jQuery DataTable：如何基于ID数组移除全部指定行（解决删除不全）

你的代码之所以删不全，是因为删除行后DataTable的行索引会动态变化：每次删除一行，后续行的索引都会往前挪一位，但你还是按原数据集的索引去查找删除，导致后面的ID无法匹配到正确的行位置，最终漏删。

下面提供两种可靠的解决方案：

方案1：先收集所有待删行，再批量删除 #

这种方法先把所有要删除的行对象一次性找出来，再统一删除，完全避免索引偏移的问题：

var productsIds=['2','3','4','5','6']
var productsTable=$('#productsTable').DataTable()

// 遍历所有行，收集符合条件的行对象
var rowsToRemove = [];
productsTable.rows().every(function() {
    // 假设ID在表格第0列，根据你的实际列位置调整
    var rowId = this.data()[0];
    if (productsIds.includes(rowId)) {
        rowsToRemove.push(this);
    }
});

// 批量删除收集到的行
rowsToRemove.forEach(row => row.remove());

// 重新渲染表格
productsTable.draw();

方案2：倒序遍历ID数组删除 #

从最后一个ID开始往前删，这样删除后面的行不会影响前面行的索引，确保每个ID都能找到正确的行：

var productsIds=['2','3','4','5','6']
var productsTable=$('#productsTable').DataTable()

// 倒序遍历ID数组
productsIds.reverse().forEach(function(id) {
    var columnIndex = 0;
    var rowIndex = productsTable.column(columnIndex).data().indexOf(id);
    // 确保找到对应行再删除，避免索引为-1报错
    if (rowIndex !== -1) {
        productsTable.row(rowIndex).remove();
    }
});

productsTable.draw();

两种方案都能确保所有目标行被删除，推荐用方案1，逻辑更清晰，也更适合复杂场景。

内容的提问来源于stack exchange，提问作者Steve Djvoskill Waweru