2016-07-27 4 views
0

私が考えることができる唯一の有効な解決策は、それぞれ<td>にツールチップを追加することです(1行につき10行あり、最初の9個です)。ツールヒントを<tr>に追加してから最後の<td>を除外する方法はあります。すべてツールヒントを表示​​s行が最後のものは

私の同僚はスタイルのためにブートストラップを使用しました(私はそれをまだ使用していませんでしたが、多分それは問題に関連しています)。

+3

あなたのコードを投稿してください。 – 3rdthemagical

+0

tr> td:last:探しているものを表示しますか? –

答えて

1
あなたは

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); 
}); 

自明あなたはその[TR]のタイトルを削除するために、最後の[TD]上のMouseEnterを検出するだけで[TR]のタイトルを設定し、最後の子にツールチップを防止するために、簡単なスクリプトを使用することができます

(その値を保存する)、最後の子のmouseleaveで保存されたタイトルを復元します。

Here a working jsfiddle

関連する問題