テーブルの行の詳細を表示するためにヒントを使用する（jQuery）

Question

jspページの動的値を表形式で表示できます。マウスオーバー/ホバー機能（jQuery内）を実装して各（JSPページ内の）私のテーブルの行の詳細は.Iは、ここでのコードの一部を共有しています。このため

<table name="table" id="table" class="table" cellpadding="4" cellspacing="2" border="1" bgcolor="" > 
<tr> 
<th><input type="checkbox" name="allCheck" onclick="selectallMe()"></th> 
<th>Emp ID</th> 
<th>Emp Name</th> 
</tr> 
<tr class="tr" id="tr"> 
<%while(rs.next()){ %> 
<td><input type="checkbox" name="chkName" onclick="selectall()"></td> 
<td><input type="text" name="empId" value="<%= rs.getString(1)%>" disabled="disabled" maxlength="10"></td> 
<td><input type="text" name="empName" value="<%= rs.getString(2)%>" disabled="disabled" maxlength="10"></td> 
</tr> 
<% } %> 
</table> 

を、私はjQueryのDataTableのを使用する必要がありますし、マウスオーバー（）/ホバリングまたは何か他のもの。

正しい方法は何でしょうか？

Answer 1

あなたは簡単に上記のリンクに使用されている_mousehover内の行の詳細を取得することができ、

http://jqfaq.com/how-to-highlight-rows-in-a-table-on-mouse-hover/

をマウスホバーについての詳細を説明します次のリンクを見てみましょう。あなたはそれを見ることができます。ツールチップに表示しますか？

編集：そのサンプルではTRのIDを持っていない：ここではは

// Do this in _mousehover 
$currentRow = $(event.target).closest('tr'); 
$currentRow.attr("title", $currentRow.attr("id")); 

は注意、mousehover上のツールチップでTRの情報を使用する方法です。それで、あなたはそれを追加しなければなりません。