如何在querySelectorAll中排除HTML表格的指定td元素？

你需要导出表格为CSV时排除Title列（对应表格的第二列），可以通过以下两种方式修改JavaScript代码实现：

方法一：通过列索引跳过指定列 #

因为Title是表格的第二列（索引从0开始，对应j=1），在内层循环中判断索引，跳过该列即可：

function htmlToCSV(html, filename) {
    var data = [];
    var rows = document.querySelectorAll("table tr");
            
    for (var i = 0; i < rows.length; i++) {
        var row = [], cols = rows[i].querySelectorAll("td, th");
                
        for (var j = 0; j < cols.length; j++) {
            // 跳过第二列（Title列，索引为1）
            if (j !== 1) {
                row.push(cols[j].innerText);
            }
        }
                
        data.push(row.join(","));       
    }

    downloadCSVFile(data.join("\n"), filename);
}

方法二：使用CSS选择器直接排除指定列 #

在获取列元素时，通过:not(:nth-child(2))选择器直接排除第二列，这样cols集合里就不会包含Title列的元素：

function htmlToCSV(html, filename) {
    var data = [];
    var rows = document.querySelectorAll("table tr");
            
    for (var i = 0; i < rows.length; i++) {
        // 排除每行的第二列（th/td）
        var row = [], cols = rows[i].querySelectorAll("td:not(:nth-child(2)), th:not(:nth-child(2))");
                
        for (var j = 0; j < cols.length; j++) {
            row.push(cols[j].innerText);
        }
                
        data.push(row.join(","));       
    }

    downloadCSVFile(data.join("\n"), filename);
}

两种方法都能实现需求：方法一适合固定列位置的场景，逻辑简单直接；方法二更直观，通过选择器直接过滤目标列元素。

内容的提问来源于stack exchange，提问作者user16858520