我有一个将在php中生成的菜单,其中可能包含两个不同的子div。长话短说,PHP将在“ li”内添加一个类名称为“ showBubbles”的div,和/或在“ hideLogo”类中添加另一个div。如果存在“ showBubbles” div,则需要执行一个功能,如果存在“ hideLogo”,则需要执行另一功能。如何在鼠标悬停时执行此操作?
结构如下:
<ul>
<li>
<a href="#"><img src="imagePlaceholder" /></a>
<div class="showBubbles"></div>
<div class="hideLogo"></div>
</li>
</ul>
最佳答案
未经测试,但这应该可以解决问题。
$('ul').on('mouseover', 'li', function(e)
{
if($(this).children('div').hasClass('showBubbles'))
{
// Execute code for showBubbles div
}
else
{
// Execute code if 'showBubbles' is not present
}
}