Question

<div id="sidemenu">
<ul>
<li><table><tr><td><span>Welcome</span></td><td>&bull;</td></tr></table></li>
<li><table><tr><td><span>About</span></td><td>&bull;</td></tr></table></li>
<li><table><tr><td><span>Blog</span></td><td>&bull;</td></tr></table></li>
<li><table><tr><td><span>Contact</span></td><td>&bull;</td></tr></table></li>
</ul>
</div>

以下HTML显示带有锚定链接的侧面菜单（为了本示例，我简化了代码）。当我将鼠标悬停在菜单中的每个项目符号点时，我试图显示跨度文本。有没有办法将鼠标悬停在项目符号上并在每个li标记中显示相应的span标记？

Answer 1

您可以使用hover功能，试试这个：

$('#sidemenu li').hover(
    function() { $('span', $(this)).show(); },
    function() { $('span', $(this)).hide(); } 
);

Example fiddle

Jquery悬停以显示子元素

1 个答案: