Tri*_*eft 2 jquery if-statement selector jquery-selectors
我有一个将在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>
Run Code Online (Sandbox Code Playgroud)
没有测试,但这应该做的伎俩.
$('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
}
}
Run Code Online (Sandbox Code Playgroud)