如何在鼠标功能上使用条件

时间:2014-09-30 12:59:51

标签: javascript jquery html

<ul>
<li class="selected" id="<?php echo $idvalue;?>">link1
    <ul>
         <li>sub - Link1</li>
    </ul>
</li>
<li id="<?php echo $idvalue;?>">link2
    <ul>
         <li>sub - Link2</li>
    </ul>
</li>
</ul>

朋友我不是jquery的专家,我需要找到&#34; 选择&#34;鼠标悬停时使用 li 标记的类并使用以下条件

if($("#<?php echo $idvalue;?>").find('.selected'))
        {
            alert('if cond');
            $(this).find('ul').css({"display":"block"});
        }
        else
        {
            alert('else cond');
            $(this).find('ul').css({"display":"none"});
        }

我应该如何实现这一目标,请分享您的想法

2 个答案:

答案 0 :(得分:0)

<强> CSS

li ul { display: none; }

li.selected:hover ul { display: block; }

答案 1 :(得分:0)

$("#selected").on("mouseenter",funtion(){
if($("#<?php echo $idvalue;?>").find('.selected'))
        {
            alert('if cond');
            $(this).find('ul').css({"display":"block"});
        }
        else
        {
            alert('else cond');
            $(this).find('ul').css({"display":"none"});
        }

})