如何選擇另一個元素（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"])