Jquery悬停显示子元素

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