当在Dropdown处悬停UL LI时，如何选择LI作为＆＃39; hover＆＃39;

Question

如何在悬停父级UL时选择菜单项（LI）？

示例：

<ul class="topmenu">
    <li>item 1</li>
    <li>item 2</li>
    <li class="thisone">item 3
        <ul>
            <li>subMenu1</li>
            <li>subMenu2
                <ul>
                    <li>This should appear when Hover First Level Item3, would be like someone would be hovering subMenu2, but when actually hovered Item3</li>
                </ul>
            </li>
        <li>subMenu3</li>
        </ul>
    </li>
    <li>item 4</li>
</ul>

jQuery（类似这样）

$document.ready(function(){
    $('.topmenu .thisone').hover(function(){
        $(this).closest('li:has('ul')).select();
    });
});

有人可以提供帮助吗？谢谢！

Answer 1

你的意思是

$(document).ready(function(){
    $('.topmenu > li:has(ul)').hover(function(e){
        $(this).find('ul').toggle(e.type == 'mouseenter');
    });
});

演示：Fiddle

Answer 2

尝试这样做：

$(document).ready(function(){
    $('.topmenu .thisone').mouseover(function(){
       $(this).closest('li:has("ul")').toggleClass('className');
    });
});