使用Jquery（或js）在html表格上循环遍历列的单元格（不是行的单元格）？

Question

使用 jQuery 循环遍历单元格或行很简单，但循环遍历列的单元格并不简单。

//for cells of rows I will do this
$('table tr').each(function(index,elem)...//loop through cell of row [index]

有人建议一种循环遍历列单元格的简单方法吗？

Answer 1

编辑：我误读了原来的问题。 此示例将循环遍历表格中的所有单元格，首先按单元格排序。

标记：

<table class='sortable'>
    <tr>
        <td>a</td>
        <td>d</td>
        <td>g</td>
    </tr>
    <tr>
        <td>b</td>
        <td>e</td>
        <td>h</td>
    </tr>
    <tr>
        <td>c</td>
        <td>f</td>
        <td>i</td>
    </tr>
</table>

jQuery：

var cells = $('table.sortable td').sort(function(a, b) {
    //compare the cell index
    var c0 = $(a).index();
    var c1 = $(b).index();
    if (c0 == c1)
    {
        //compare the row index if needed
        var r0 = $(a).parent().index();
        var r1 = $(b).parent().index();
        return r0 - r1;
    }
    else
        return c0 - c1;
});

//console.log(cells);
cells.each(function() {
   console.log($(this).html());
});

结果：

a
b
c
d
e
f
g
h
i

Answer 2

$(".table_identifier tr > :nth-child(1)").each(function(index,elem).....

将 1 更改为您要选择的任何列