在连续的所有s上显示工具提示，但显示最后一个

Question

我能想到的唯一有效的解决方案是将工具提示添加到每个<td>（每行约10个，所以前9个），但我想知道是否有任何方法可以添加工具提示<tr>然后排除显示它的最后<td>。

我的同事们使用Bootstrap作为样式（我还没有使用它，但可能与问题有关）。

Answer 1

您只能在[tr]上设置标题并使用简单的脚本来防止最后一个孩子的工具提示

var ttip;

$(' tr > td:last-child').mouseenter(function() {
    ttip = $(this).parent().attr('title');
  $(this).parent().attr('title','');
});

$(' tr > td:last-child').mouseleave(function() {
  $(this).parent().attr('title',ttip);
});

你可以在最后[td]上检测mouseenter以删除其[tr]的标题（保存其值），并在last-child的mouseleave上恢复已保存的标题。

Here a working jsfiddle