如何选择另一个元素（e）的一个子元素（se），但不包括所选子元素（sse）的一个子元素？

Question

例：

.element
  |
  |-.subelement
      |
      |-.subsubelement1
      |-.subsubelement2
      |-.subsubelement3
      |-.non-desired-subsubelement
      |-.subsubelement4

那么怎么不列出所有需要的subsubelements（如不明），但仍收到汇总元素.subelement及其子元素的.subsubelementX没有.non-desired-subsubelement ：

不是数组 ： [subsubelement1, subsubelement2, subsubelement3, subsubelement4]

BUT的集合体元件 ： subelement ，没有non-desired-subsubelement作为其后代：

  .subelement
    |
    |-.subsubelement1
    |-.subsubelement2
    |-.subsubelement3
    |-.subsubelement4

我想到了这个：

$('.element .subelement:not([class^="non-desired-subsubelement"])') // selects subelements which has no class non-desired-subsubelement

拥有这样的东西会很好：

$('.element .subelement:not(>>this<<:has([class^="non-desired-subelement"]))')

即使用否定的“有”选择器； 或类似的东西：

$('.element .subelement:has-not([class^="non-desired-subelement"])') // much nicer

还是获得.subelement并比删除.non-desired-subsubelement 更容易 ，所以分两步进行？

var subelement = $('.element .subelement');
subelement.remove('.non-desired-subsubelement');

可能还有一个复杂的选择器？

Answer 1

您可以尝试以下方法：

$('.element .subelement [class^="sub"])