jQuery 仅选择子级直到特定类

Question

我在以下树结构中有一些递归 HTML:

div.item div.content  input  div.container   div.item    div.content     input     div.container      div.item       etc...

这是一个带有工作示例的 jsfiddle:http://jsfiddle.net/HWHRZ/

我还有一个对象，其中包含对每个 .item div 的 jQuery 引用。

我想要做的是，对于任何特定的 .item，仅选择紧邻其下的输入，排除任何更深的 .container 或 .item 中的输入 元素。

让事情变得更复杂的是，并非每个 .item 都具有相同的输入布局。有时输入可能位于其他 div 元素中，因此使用简单的 .find('> .content :input') 选择它们并不总是有效。

我找到了一个解决方案，但是对于大树来说它效率低下并且一点也不优雅:
$(':input', $item).not($('.container :input', $item)).toggleClass('changed');($item 是我保存在对象中的引用)。该解决方案按其应有的方式工作，但对于任何足够大的树结构来说效率太低，因为 not() 必须处理大量节点。

简而言之:我需要选择不在特定其他子节点内的特定子节点。

有人知道更有效的方法吗？

Answer 1

我认为

$.each($($(".item")[0]).children(".changed"),function(){
$(this).removeClass("changed")
})

应该可以。