我有一个将在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
    }
}

09-25 17:02
查看更多