javascript - 按特定路径/xpath下不包含 "X"的类删除div

Question

<div id="container-main" name="#top">
  <div class="col-sm-12">
    <div id="view" ui-view="" autoscroll="" class="ng-scope">
      <div ng-include="template == 'hover' ? 'templates/hover.html' : null" class="ng-scope">
        <div class="chart-wrap--hover clearfix ng-scope">

          <div class="card--sml card--hover ng-scope fff" > Keep </div>
          <div class="card--sml card--hover ng-scope" > Remove </div>

        </div>
      </div>
    </div>
  </div>
</div>

我想使用 Javascript/Tampermonkey 删除它们类中没有 "fff" 的 div，它仅来自特定路径，因此它不会删除所有其他不相关的 div。

有没有办法在 js 中使用 Xpaths？我需要在 xpath://*[@id="view"]/div[1]/div

上删除除类 "fff" 之外的 div

我已经尝试了几件事并进行了搜索，但是我无法解决它。

Answer 1

假设您的起点是 id="view"，您要找到 .fff 的深度超过 2 层:

$('#view > div:first > div > div:not(.fff)').remove()

如果您不希望第一个顶级 div 删除 first 或使用 eq(n) 来定位特定的子项。

JSFiddle: http://jsfiddle.net/TrueBlueAussie/cn5xxjne/