Question

我有一张表格，其中相邻的<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设置，因为数据是表格式的，并且可以便宜地强制对齐。

我的问题是，这可以在不多次包含文字"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（在本例中为整个文档）设置为前一个标题。

在表的多个列中分配单个标题属性

1 个答案: