javascript - 如何过滤出子树然后在 jQuery 中进行搜索？

Question

给定$('#test')以及下面的DOM，如何选择对应的ted-collapse ？

<div id='test' class='ted-panel'>
  <div class='ted-collapse'></div>

  <div class='ted-panel'>
    <div class='ted-collapse'></div>
    <div class='ted-collapse'></div>
    <div class='ted-collapse'></div>
  </div>
</div>

注释:

• 对应.ted-collapse是当前 .ted-panel 的子元素并且不是任何嵌套 .ted-panel 的子级
• .ted-collapse不保证是 .ted-panel 的直接子级

本质上，我想 (1) 过滤掉任何子项 .ted-panel s，则 (2) .find('.ted-collapse) .

<小时/>

这是基于其中一条评论的一行解决方案:

$('#test').not($('#test').find('.ted-collapse'))

Answer 1

你也可以这样走:

$('.ted-panel .ted-collapse:not(#test.ted-panel .ted-panel .ted-collapse)')

working demo