jquery - 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(); } 
);

示例小提琴