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

时间:2017-10-12 18:03:40

标签: javascript html-table

我正在尝试针对给定表格的click事件定位特定列。我很难将选择指定到每一行,或者理想情况下,选择特定索引的整列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]; 我按照预期从第一行的特定单元索引中获取了我想要的选择。如何用这个指定每一行?我想用这个选项对表格进行排序。

谢谢!

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

    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);
    }
        }