2

jqueryとセレクターに関して少し混乱しています。

このサイトhttp://pelloponisos.telesto.gr/でメインメニューを作成しています。私が欲しいのは、直接のサブメニュー(メインメニューのすべてのliの2番目の子)をマウスオーバーで表示し、マウスアウトで非表示にすることです。

マウスオーバーでメニューを機能させるためのjqueryコードは次のとおりです。

$("#access ul li").mouseover(function(){
    $(this).find(':nth-child(2)').show();
    }).mouseout(function(){
        $(':nth-child(2)',this).hide();
    });

ただし、ご覧のとおり、コードは1つおきの子と一致するため、すべてのサブメニューが一度に展開されます。

誰かが私が欠けているものを指摘できますか?

4

2 に答える 2

3

直接子セレクターを使用してみることができます。

$(this).find('> :nth-child(2)').show();

また:

$("#access ul li").hover(function(){
    $('> :nth-child(2)', this).toggle();
});
于 2012-12-13T19:29:08.510 に答える
1

このようにしてみてください

$(this).children(":eq(1)").show()
于 2012-12-13T19:31:18.060 に答える