我有这种格式的表格.
- <table>
- <tr>
- <td id="divOne">div one</td>
- <td id="divOne">2222</td>
- </tr>
- <tr>
- <td id="divOne">div two</td>
- <td id="divOne">2222</td>
- </tr></div>
- </table>
- $(function() {
- $('#divOne').hover(function() {
- $('#Details').show();
- },function() {
- $('#Details').hide();
- });
- });
- <div id = "Details" style="display: none;">
- 5555
- </div>
我想在每个td鼠标悬停时在弹出窗口中显示“details”div.
当鼠标悬停在第一行时,会出现“详细信息”div.但是当鼠标悬停在第二行时,它没有显示.
我不确定我哪里出错了.
任何想法,将不胜感激.
解决方法
页面上应该只有一个ID.更改类的ID和类选择器的选择器:
- <table>
- <tr>
- <td class="divOne">div one</td>
- <td class="divOne">2222</td>
- </tr>
- <tr>
- <td class="divOne">div two</td>
- <td class="divOne">2222</td>
- </tr>
- </table>
和:
- $(function() {
- $('.divOne').hover(function() {
- $('#Details').show();
- },function() {
- $('#Details').hide();
- });
- });