Question

グーグルでtry-and-erroringして、拡張可能なツリーのいくつかのラベル要素の1つにアクセスするためにjqueryセレクタを試してみましたか？

<span id="ppown" class="treeTitleSpan" role="leaf">PPO</span> 
<span class="treeCheckBoxLabel"> 
    <label class='nodeCheckIcon' /> 

またはこのような：

<span id="ppw" class="treeTitleSpan" role="leaf">Other</span> 
<span class="handle closed"></span> 
<span class="treeCheckBoxLabel"> 
    <label class='nodeCheckIcon' /> 

そして、私は（クリックハンドラで）それぞれの場合に.treeTitleSpanスパンから始めていたHTMLは次のようにどちらかです。

$(this).next().next().children('.nodeCheckIcon'); 

そして、他：私は私が1にアクセスすることができます知っている

$(this).next().children('.nodeCheckIcon'); 

しかし、私は両方のケースのために働くだろう単一のセレクタをしたいと思い、「検索」動作するようには思えません：

$(this).find('.nodeCheckIcon:first') 

助けてください。

リック

Answer 1

$(this).nextAll('.treeCheckBoxLabel').children('.nodeCheckIcon'); 

それとも、複数のラベルを持っている可能性がある場合のように：

<span id="ppw" class="treeTitleSpan" role="leaf">Other</span> 
<span class="handle closed"></span> 
<span class="treeCheckBoxLabel"> 
    <label class='nodeCheckIcon' /> 
</span> 
<span class="treeCheckBoxLabel"> 
    <label class='nodeCheckIcon' /> 
</span> 

そして、あなたは最初の一つだけ欲しい：

$(this).nextAll('.treeCheckBoxLabel').first().children('.nodeCheckIcon'); 

Answer 2

どのようにこのような何かについて：

$(this).nextAll('.treeCheckBoxLabel:first').children('.nodeCheckIcon'); 

:firstを使用すると、多くの場合、.treeCheckBoxLabelの1つのみが選択されます。残りのHTMLによっては問題になる場合もあります。 thisがlabelの親の兄弟であるspan要素を指しているので、$(this).find('.nodeCheckIcon:first')は仕事に行くされていない他の記事（猫:)肌には多くの方法）に

Answer 3

代替

$(this).siblings(".treeCheckBoxLabel:has(label.nodeCheckIcon):first") 

Answer 4

。完全なマークアップ構造はわかりませんが、このスパン要素のラッピングコンテナがあれば、これを試すことができます

$(this).parent().find('.nodeCheckIcon:first');