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

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]称号（保存它的值），然后在最后一个孩子的mouseleave上恢复保存的标题。

Here a working jsfiddle