5

我能够以表格格式显示 jsp 页面中的动态值。我想实现鼠标悬停/悬停功能（在 jQuery 中）以显示我的表格中的每一行详细信息（在 jsp 页面中）。我正在分享一些代码在这里：

<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 和 mouseover()/hover 或其他东西。

正确的方法应该是什么？

4

1 回答 1

4

看看下面的链接，它将解释更多关于鼠标悬停的信息，

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

您可以轻松获取上述链接中使用的 _mousehover 中行的详细信息。你可以展示它。你想在工具提示中显示它吗？

编辑：这是在鼠标悬停的工具提示中使用 tr info 的方法，

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

注意：在该示例中没有 tr 的 id。所以，你必须添加它。

于 2012-06-06T05:59:28.420 回答