Цикл по ячейкам столбцов (не ячейки строк) с Jquery (или JS) на HTML-таблицы? - PullRequest
Новая
       27

Цикл по ячейкам столбцов (не ячейки строк) с Jquery (или JS) на HTML-таблицы?

3 голосов
/ 02 августа 2011

С jQuery легко проходить по ячейкам или строкам, но не просто проходить по ячейкам столбцов 

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

Кто-нибудь предлагает простой способ циклического обхода ячеек столбцов?

Ответы [ 2 ]

3 голосов
/ 02 августа 2011

Редактировать: Я неправильно понял оригинальный вопрос. В этом примере будет проходить по всем ячейкам таблицы, упорядоченным по их ячейкам.

Разметка 

<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
3 голосов
/ 02 августа 2011 
$(".table_identifier tr > :nth-child(1)").each(function(index,elem).....

изменить 1 на любой столбец, который вы хотите выбрать

...