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