1


0

jquery効果を親liに適用しますが、子li要素には適用しません

私のhtmlマークアップは次のとおりです。

   HOME

                FEATURES
                ABOUT US
                CONTACT



    ROAD

                ROAD BIKE:
                BIKE
                COMPONENTS
                APPAREL

最初のレベルli(jQuery( '。top-nav li'))にマウスオーバーすると、その子ul(jQuery( '。top-nav li ul'))が表示されます。

しかし問題は、第1レベルのliの子li要素にマウスオーバーすると、子liでも同じイベントが発生することです。 子li要素(つまり、(jQuery( '。top-nav li ul li'))に対してこのイベントを回避したい。

1 Answer


3


次のような_immediate_要素に対処できます。

$("ul.top-nav > li"); // only the top-level li's