jquery - jQueryで選択する方法：#menu ul li：hover> ul？

Question

jQueryで同等のものを選択する方法は#menu ul li:hover > ul？

liホバーがTARGETのみの場合、ボックスの色を変更したい

詳細については、http：//jsfiddle.net/wGbwX/18/を参照してください。

Answer 1

ネストされた UL の親にカーソルを合わせることができます。

$('#menu ul > li >ul').parent().hover

ネストされたliの選択を使用するpebblの推奨事項を反映するように編集

更新された JS フィドル: http://jsfiddle.net/wGbwX/23/

Answer 2

あなたTARGETはaタグにあるので、次を使用できます：

$('#menu > ul > li > a')

これ>は、各親の直接の子を選択することです。a最後に、.の代わりにタグにhover イベントをバインドしますli。

セレクターでこれらすべてを使用する理由は、セレクターがTARGET 内にあるタグを>選択しないようにするためです。ali

編集：

リンクはホバー イベントをトリガーしないためHOME、次の
^{いずれかを使用できます。どちらも同じ項目を選択しますが、ロジックは異なります。}

$('#menu>ul>li:gt(0) > a')

jsfiddle .
これは:gtセレクターを利用します。

$('#menu>ul>li:not(:first) > a')

jsfiddle .
これは:firstと:notの組み合わせです。jsfiddle。

編集 2:
申し訳ありませんが、質問の要件を理解しました。

Joel のソリューションは機能しますが、セレクターですべてを実行したい場合は、次のようにします。

$('#menu > ul > li:has(ul) > a')

jsfiddle .
これは:hasセレクターを利用します。後でこのコードに戻る必要がある場合、または他の誰かがコードを確認したい場合、セレクターの目的はそれを読むことで簡単に理解できるという単一の事実のために、私はこのソリューションを好む傾向があります。

などを含むanchora 内を選択しています...list itemunordered list

Answer 3

このデモをお試しください

$('#menu ul li a').hover(

    function(e) {
      change = $(this).parent().find(".sub-nav").length;
      if(change)
      {
        $('.toto').css({'background-color':'#cccccc'});
      }

    },
    function() { $('.toto').css({'background-color':'#f8f8f8'}); }
 );

Answer 4

これを試してください：

$('#menu ul:first > li > a')

フィドルを更新しました。

Answer 5

私はこれがうまくいくと思います：

ただし、jquery 1.4 以降のみ

$("#menu ul li ul li").hover(function(){});