javascript - 根据第一行对齐方式设置表头对齐方式

Question

我想根据第一个 <td> 的对齐方式设置表格标题的对齐方式在每个相应的列中。

<table>
    <thead>
        <tr>
            <th>First Column</th>
            <th>Second Column</th>
            <th>Third Column</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Value One</td>
            <td align="right">Value Two</td>
            <td align="center">Value Three</td>
        </tr>
        <!-- more rows -->
    </tbody>
</table>

在此示例中，第二个 <th>会向右对齐，第三个 <th>会居中。第一个<th>不会受到影响。非常感谢任何有关如何使用 jQuery 完成此操作的建议/示例。

---

根据 InfernalBadger 的回答，这就是我最终使用的。结果我需要考虑 CSS text-align属性以及处理多个表。

function alignGridHeaders() {
    $('table.grid thead th').each(function (index) {
        var cell = $(this).parents('table:first').children('tbody tr:first td').eq(index);
        var alignment = cell.css('text-align');
        if (!alignment)
            alignment = cell.attr('align');
        if (alignment)
            $(this).css('text-align', alignment);
    });
}

Answer 1

JSFiddle Example

$('#myTable th').each(function(index) {
    var alignment = $('#myTable tbody  tr:first td').eq(index).attr('align');
    if (alignment )
        $(this).css('text-align', alignment);   
});

在这个例子中，我给表的 ID 是 myTable。