jquery 选择器查找子元素

Question

已经用谷歌搜索和反复试验了一个小时，试图提出一个 jquery 选择器来访问可扩展树中的几个标签元素之一。 html 是这样的:

<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 范围开始(在点击处理程序中)。我知道我可以通过以下方式访问:

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

另一个是:

$(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');