ネストされた子孫を除外するためのjqueryセレクターとは何ですか？

Question

Per my SO question hereこれを解決するためにjqueryになっていますが、思考を真っ直ぐにするとYUIに戻ってきて、子孫を除外するセレクタが必要です。

提案された解決策は、このような何か言う：私は同じテストを実行するために、複数のHTMLチャンクを持っているので、私の状況をより正確に合うようにするに

$('.revealer:not(.revealer > .revealer)'); 

を、私はそれが更新されています：

$('#_revealerEl_0 .handle:not(#_revealerEl_0 .reveal .handle)'); 

HTMLその上の選択（画像ページ上でこの同じチャンクの多数のコピーを、単独で処理すべき必要がそれぞれ存在する - id属性は、各「啓示」に割り当てられている）は：

<div class="revealer" id="#_revealerEl_0"> 
    <div class="hotspot"> 
    <a class="handle" href="javascript:;">A</a> 
    <div class="reveal"> 
     <p>Content A.</p> 
    </div> 
    <div class="reveal"> 

     <p>Content B.</p> 

     <!-- nested revealer --> 
     <div class="revealer"> 
      <div class="hotspot"> 
      <a class="handle" href="javascript:;">A</a> 
      <div class="reveal"> 
       <p>Sub-content A.</p> 
      </div> 
      <div class="reveal"> 
       <p>Sub-content B.</p> 
      </div> 
      </div> 
     </div> 

    </div> 
    </div> 
</div> 

一言で言えば、私は、「ホットスポット」内の「トップレベル」のハンドルを公開者ごとに指定する必要があります。同じクラス名を持つネストされた子孫は対象にしません。

おかげで、 D

EDIT：

それは私がなどのparentNode、childNodeが[x]は、nextSibling、などの子孫の性質に依存することを開始していないことも非常に重要です...現在、このモジュール理由'ヒント'と 'ハンドル'要素が他のマークアップ内に存在し、依然としてターゲットとされているという点で、「ホットスポット」内にある限り、非常に柔軟です。

Answer 1

あなたの#_revealerEl_0要素がわかりませんが、これがトップレベルの場合は.revealerだとできませんか？

$('#_revealerEl_0 > .hotspot > .handle') 

またはトップレベル.revealerは#_revealerEl_0の子孫そのものである場合、これは動作します：ここに

$('#_revealerEl_0 > .revealer > .hotspot > .handle') 

基本的な前提は、あなたが複数の>子コンビネータをチェーンということです。

Answer 2

これを試してみてください：

  obj = $('.revealer[id*="revealerEl"]'); 
    //this will give you what you are after 
    result = $("> .hotspot > .handle",obj) 

    //if you want to see them in red 
     $("> .hotspot > .handle",obj).css('color','red'); 

//or assign a click to it 
$("> .hotspot > .handle",obj).click(function(){ 
//blah .... 
}) 

Answer 3

これはjQueryのを使用して私の作品：

$('.revealer:first > .hotspot > .reveal') 

を最初の啓示を考えると、DIRECT子である任意のホットスポットを見つけ、任意のDIRECTは、内の項目を明らかに見つけます。、任意のハンドルについて

• 要素
• にクリックイベントの機能を割り当てる：

  $('.handle').click(function(){ 
      $(this).closest('.hotspot > .reveal').show(); 
  }); 
  

  上記に変換します。

  だから、あなたの「ハンドル」にハンドラを割り当てますハンドルがクリックされ、最も近い親ホットスポットが見つかる

• ホットスポットから、ホットスポットの直接の子であるすべての表示要素を見つける
• display：noneで非表示にした場合、これらの要素を表示します。