Используйте jQuery для нацеливания на нижний TD в столбце таблицы

Question

Хорошо, это разметка таблицы:

    -------------------------------
    heading1 | heading2 | heading3|
    -------------------------------
    <TABLE CONTENT>
    -----------------------------
    column1 | column2 | column3 |
    -----------------------------

Не очень хорошо, я знаю, но принцип таков: мне нужно нацелиться на column1, column2 и column3.

Так что я могу использовать jQuery для этого: установите заголовок1 как HTML-код столбца и установите заголовок2 как HTML-код столбца2 и т. Д ...

Но я не уверен, как соотнести заголовок1 со столбцом1 и т. Д ...

Спасибо

Answer 1

Если количество заголовков и столбцов одинаковое, тогда вы можете использовать это: Предполагая, что заголовки, которые нужно скопировать, присваивают class = 'source' и целевые строки (конечно, первый ряд столбца) как class='target' =>

var dummy=Array(), ctr=0;
dummy=$('.target');
$('.source').each(function()
{
$(dummy[ctr++]).html($(this).html());
}

Answer 2

Чтобы сделать то, что вы хотите:

$headings = $('#myTable tr:first th');
$('#myTable tr:last th').each(function(i) { $(this).html($headings.eq(i).html()) });

Но, на самом деле, для копирования заголовка вы можете просто добавить его в конец таблицы:

$('#myTable').append($('#myTable tr:first').clone());

Единственное, что я могудобавить - было бы лучше использовать thead и tfoot для верхнего / нижнего колонтитула таблицы, в этом случае вам будет удобнее читать код и проще и быстрее выбирать строки верхнего / нижнего колонтитула.