我有这种格式的表格.
<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();
});
});
