Question

With jQuery is simple to loop through cells or rows, but it is not simple to loop through the cells of a columns.

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

Any one suggest a simple method for looping through cells of a columns?

Answer 1

Edit: I misread the original question. This example will loop through all the cells in a table, ordered by their cells first.

Markup:

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

Result:

a
b
c
d
e
f
g
h
i