使用jQuery定位表列中的底部TD

时间:2011-07-11 15:59:17

标签: jquery jquery-selectors

好的,这就是表格标记:

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

我知道不是很好,但原理是:我需要定位column1,column2和column3。

所以我可以使用jQuery来执行此操作:将heading1设置为column1的HTML并将heading2设置为column2的HTML等...

但我不确定如何将heading1与column1等关联......

由于

2 个答案:

答案 0 :(得分:4)

如果标题和列的数量相同,那么您可以使用: 假设要复制的标题被分配为class ='source',目标行(当然是第一行的列)为class='target' =&gt;

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

答案 1 :(得分:1)

做你想做的事:

$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作为表格的页眉/页脚,在这种情况下,您可以更轻松地阅读代码并更轻松快捷地选择页眉/页脚行。