使用 JavaScript 定位表格中的第 n 列或每个表格行的第 n 个单元格

Question

我正在尝试针对给定表格的点击事件定位特定列。我很难为每一行指定我的选择，或者理想情况下，选择特定索引的一整列 td 元素。到目前为止我所拥有的：

 sorter(d, i) {

        console.log(i);
        let n = i;
        let table = document.querySelector('tbody');
        let rows = table.querySelectorAll('tr');
        //let length = this.tableElements.length;

        let td = rows.cells[n];

        console.log(td);

    }

如果我使用： let td = rows[0].cells[n]; 我按预期从第一行的特定单元格索引中获得了我想要的选择。如何用这个指定每一行？我想使用此选择对表格进行排序。

谢谢！

Answer 1

您可以迭代 rows 并返回一个值数组

let tds = Array.from(rows, row => row.cells[n]);

Answer 2

    sorter(d, i) {

            console.log(i);
            let n = i;
            let table = document.querySelector('tbody');
            let rows = table.querySelectorAll('tr');
            //let length = this.tableElements.length;
var td;
        for(l=0;l<length;l++){
             td = rows[l].cells[n];

            console.log(td);
    }
        }