html - 跨表的多个列分配单个标题属性

Question

我有一张 table ，其中相邻 <th>和 <td>元素需要相同的 title属性。 (也就是说，当用户将鼠标悬停在它们上方时，会出现相同的工具提示。)该表目前以这种方式制作:

<table>
    <tr>
        <th title="Zero-based index.">i:</th>
        <td title="Zero-based index.">15</td>
        <th title="Velocity in MPH.">v:</th>
        <td title="Velocity in MPH.">15.45 NE</td>
    </tr>
    ...
</table>

请注意，每一行都有不同的列排列，table使用 setup 是因为数据是表格形式的，并且可以廉价地执行对齐。

我的问题是，是否可以在不包含文本 "Zero-based index." 的情况下完成此操作？和 "Velocity in MPG."多次？附上 td和 th span 中的元素不允许(不会在浏览器中验证或工作)。

Answer 1

如果使用 jQuery，应该这样做:

    $(document).ready(function () {
        $.each($('td'), function () {
            $(this).attr('title', ($(this).prev('th').attr('title')));
        });
    });

它将每个 td(在本例中为整个文档)设置为前一个标题。