連續顯示所有​​的工具提示，但最後一個

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